SASS

SASS란?

CSS를 효율적으로 작성할 수 있도록 도와주는 전처리기( CSS Preprocessor) 입니다.
기존의 CSS의 유지보수의 불편함 등을 SASS를 사용하면 해결 할 수 있다.
위에서 언급한 CSS의 단점을 보완하기 위한 기술로, SASS 자체를 그대로 사용할수는 없고, SASS의 문법에 맞게 SASS파일을 만들면 컨버터를 이용해서 CSS를 생성한다.
즉, SASS문법에 맞게 CSS를 작성하고, SASS 컴파일러를 사용하여 HTML이 이해 할 수 있는 문법으로 변환합니다.

말그대로 CSS를 프로그래밍 언어처럼 사용 할수 있습니다. CSS에는 없는
@import, @include, @mixin, @extend 등 다양한 함수 및 변수를 제공 합니다.

npm -D SASS

터미널에 npm -D SASS를 입력하면 SASS를 쉽게 설치 할수 있습니다.

SCSS에서 생성한 코드는 CSS로 컴파일하기 위해서는 터미널에 npm run build를 입력해주어야한다.