Language

[AOS] data-aos

명령어설명data-aos사용할 애니메이션 효과명data-aos-anchor 특정한 객체에 anchor를 설정, 어떤 객체를 기준으로 애니메이션이 시작 될지 설정data-aos-anchor-placement애니메이션이 어느 위치에서부터 적용될지 설정(default: top-bottom)data-aos-delay 애니메이션 재생 대기시간 설정 (default: 0)data-aos-duration 애니메이션 재생시간 설정 (default: 400)data-aos-easing애니메이션 시간 흐름에 따는 속도 설정 옵션(default : ease)data-aos-offset애니메이션 효과가 시작될 객체의 위치 설정data-aos-once스크롤 할 때마다 애니메이션이 재생될지 설정(default : ease) ※ ..

[C#] 컴파일 과정

C# 컴파일 과정 C# 코딩 → compile(Build가 되었다.) →.NET FRAMEWORK → 실행파일 C#과 컴파일만 프로그래머가 신경쓰면 된다. C# C++에서 파생된 객체지향 언어 형식 안정성 : 객체지향 언어이기 때문이다 java의 특징 + C, C++ 메모리 관리가 쉽다.(garbage Collector) 다양한 라이브러리를 지원한다.

[C#] 코멘트

C#은 마이크로소프트에서 개발된 객체 지향 프로그래밍 언어로서 Java나 C++와 비슷한 면들을 많이 가지고 있다. C#은 .NET Framework을 이용하여 프로그래밍하는 대표적인 언어이다. C#은 윈도우 프로그래밍, 웹 프로그래밍, 게임 및 모바일 프로그래밍 등 모든 영역에서 사용되는 범용 프로그래밍 언어이다. C# 프로그램 소스코드 C# 프로그램은 .cs라는 확장자를 사용한다. 예) test.cs, test.aspx.cs, test.xaml.cs C++와 다르게 C#은 *.h과 같은 별도의 헤더 파일이 없다. C# 프로그램으로부터 실행 파일을 만들기 위해서는 (1) Visual Studio를 사용하는 경우 C# 프로젝트를 빌드하여 실행파일을 생성하며 (2) Visual Studio 없이 .NET ..

[JavaScript] JavaScript API

API Application Programming Interface의 약자로, 프로그램이 동작하는 환경을 제어하기 위해서 환경에서 제공되는 조작 장치다. 이 조작 장치는 프로그래밍 언어를 통해서 조작할 수 있다. 자바스크립트의 API 자바스크립트의 API는 크게 자바스크립트 자체의 API와 자바스크립트가 동작하는 호스트 환경의 API로 구분된다. 자바스크립트 API 문서 : 자바스크립트 자체에서 제공하는 API 의 정보 ECMAScript (표준문서) 자바스크립트 사전 (생활코딩) 자바스크립트 레퍼런스 (MDN) jscript 레퍼런스 (MSDN) 호스트 환경의 API 문서 웹브라우저 API Node.js API Google Apps Script API 자바스크립트 API 는 어떤 호스트환경에서도 사용가..

[SCSS] HTML에 SCSS 적용하는 법

CSS를 사용하다보면 각종 클래스 혹은 태그들을 나열하느라 시간이 오래 걸리고 반복적으로 클래스와 태그들을 적어줘야 하기 때문에 작업을 하다보면 굉장히 비효율적이란 느낌이 든다. 또한 오타가 발생했을 때 오타를 찾기도 쉽지가 않다. 이러한 이유들로 SCSS를 사용한다. SCSS를 사용하면 CSS 코드가 훨씬 간결해진다. HTML에 SCSS 적용하는 방법 툴에 프로젝트를 생성한다. 해당 프로젝트 안에 'index.html'파일을 만들어 준다. 해당 프로젝트 안에 'css'라는 폴더를 생성해 준다. css 폴더 안에 style.css와 style.scss 파일을 생성한다. index.html에 css코드를 불러온다. → scss에 작성한 내용이 자동으로 작성되도록 설정하면 scss는 따로 불러오지 않아도 된..

[CSS] font, text

폰트 및 텍스트 관련 프로퍼티는 폰트의 크기, 폰트의 지정, 폰트의 스타일, 텍스트 정력 등을 정의한다. font-size 프로퍼티 텍스트의 크기를 정의한다. font-size default font size: 16px font-size: 40px font-size: 2.0em font-size: 150% font-size: large font-family 프로퍼티 폰트를 지정한다. 컴퓨터에 해당 폰트가 설치되어 있지 않으면 적용되지 않는다. font-family 폰트는 여러 개를 동시에 지정이 가능하다. 첫번째 지정한 폰트가 클라이언트 컴퓨터에 설치되어 있지 않은 경우, 다음에 지정된 폰트를 적용한다. 따라서 마지막에 지정하는 폰트는 대부분의 OS에 기본적으로 설치되어 있는 generic-family ..