SASS(SCSS)란?

• CSS pre-processor로 CSS의 한계와 단점을 보완하여 가독성과 재사용성을 향상 시켜줌

CSS Preprocessor란?

• CSS가 동작하기 전에 사용하는 기능
• CSS보다 간단한 표기법으로 CSS를 구조화하여 표현할 수 있음
• CSS에서 제공하지 않는 Mixin 등의 기능을 활용하여 유지보수 편의성을 높여줌

SASS와 SCSS의 차이

• SCSS는 CSS 구문과 완전히 호환되도록 새로운 구문을 도입해 만든 SASS의 모든 기능을 지원하는 CSS의 Superset
• 선택자의 유효 범위를SASS는 '들여 쓰기'로 구분하고 SCSS는 {}으로 구분
• Mixin은 SASS는=로 SCSS는 @mixin으로 선언
• Include은 SASS는+로 SCSS는 @include으로 선언