SCSS

 

SCSS (Sass)

 

CSS 전처리기 (Pre-Processor) 중 하나이며, 웹에서 동작 가능한 표준의 CSS로 컴파일해서 동작

 

CSS와 비교했을때

- CSS보다 심플한 표기법으로 CSS를 구조화하여 표현이 가능하다

- 스킬 레벨이 다른 팀원들과의 작업 시 발생할 수 있는 구문의 수준 차이를 평준화할 수 있다

- 표준 CSS보다 훨씬 많은 기능을 사용해서 편리하게 작성할 수 있다

 

SCSS 설치

 

NPM을 통해서 설치

 

1. 터미널에서 npm init -y
2. npm i -D parcel-bundler (parcel-bundler 설치)
3. npm i install --save-dev node-sass