Sass(SCSS)란?
CSS를 더 편리하게 작성하기 위한 CSS전처리기(preprocessor)
- 프로젝트의 규모가 클수록 CSS 작업이 복잡해지고 고도화되기 때문에 불편해짐
- CSS동작 전에 Sass로 CSS를 편리하게 작성하여 불편함을 줄일 수 있음
- CSS문법과 유사하지만 표준 CSS 보다 훨씬 편리하고 많은 기능을 사용할 수 있음
- 단, 전처리기는 웹에서 직접 동작하지 않으므로 작성한 전처리기를 웹에서 동작 가능한 표준 CSS로 컴파일(Compile)해야함
Sass와 SCSS의 차이
- Sass의 3버전에서 SCSS가 등장했고 CSS구문과 완전히 호환되어 CSS와 거의 같은 문법으로 Sass기능을 지원
{}
(중괄호)와 ;
(세미콜론)의 유무 / Sass - 없고 , SCSS - 있고
- Mixins 선언 및 사용 / Sass는
=
로 선언 +
로 사용 , SCSS는 @mixin
으로 선언 @include
로 사용
- 둘 다 장단점이 존재하므로 회사나 팀에 맞춰 사용하거나 상황이나 개인 취향에 맞춰 사용
- 일반적으로 SCSS를 추천