SASS(SCSS)에 대해 알아보자

SASS(SCSS)란?

CSS의 확장언어로 CSS의 부족한 부분을 채워주기 위한 언어이다.
해당 언어는 직접적으로 html에 링크해도 브라우저가 읽지 못하기 때문에 css로 컴파일을 해야한다.

SASS와 SCSS의 차이

SASS와 SCSS의 차이점은 SASS는 들여 쓰기+줄 바꿈형식이고
SCSS는 중괄호+세미콜론 형식이다.

SASS

header
    background-color : #fff;
    color : #111;

SCSS

header{
    background-color : #fff;
    color : #111;
  }

SASS와 SCSS 둘다 장점은 있으나 SCSS가 CSS와 호환이 잘되기 때문에 SCSS를 많이 사용한다.