Sass(Syntactically Awesome StyleSheets)는 CSS 전처리기 (CSS
Preprocessor)로서 CSS의 한계와 단점을 보완하여 보다 가독성이 높고 코드의 재사용에 유리한 CSS를 생성하기 위한 CSS의 확장(extension)을
말합니다.
CSS의 간결한 문법은 배우기 쉬우며 명확하여 프로젝트 초기에는 문제가 없이 보이지만 프로젝트의 규모가 커지고 수정이 빈번히 발생함에 따라 쉽게 지저분해지고 유지보수도
어려워지는 단점도 가지고 있습니다.
CSS 전처리기(CSS Preprocessor)는 모듈별로 특별한 Syntax를 가지고 있고 여기에 믹스인(mixin), 중첩 셀렉터(nesting selector), 상속
셀렉터(inheritance selector) 등 Programmatically 한 요소를 접목해 방대해지는 CSS 문서의 양을 효율적으로 처리하고 관리해 주는 통합적인
단어를 말합니다.
이 CSS 전처리기(CSS Preprocessor) 자체만으로는 웹에서 동작하지 않기 때문에 각 CSS 전처리기에 맞는 Compiler를 사용해야 하고 컴파일을 하게 되면
실제로 우리가 사용하는 CSS 문서로 변환이 됩니다.
CSS 전처리기(CSS Preprocessor)에는 다양한 모듈이 존재하고 가장 많이 사용되는 전처리기에는 Sass(Scss), Less, Stylus가 있으며, 서로의
특징에 맞게 약간의 구문만 다를 뿐 개념 자체는 동일하기 때문에 진입장벽이 낮은 편입니다.
[SASS 공홈]
[SASS 공식문서]