Sass 소스는 compile을 거쳐 평평한 CSS가 된다

작성 편의와 최종 선택자 비용을 분리해 중첩과 mixin이 만든 결과까지 읽는다.

Source

SCSS

변수·중첩·mixin으로 반복 규칙 작성

Compile

Sass transform

브라우저가 이해할 CSS로 확장

Scope

Module / global

파일 방식에 따라 충돌 범위 결정

Output

Flat CSS

최종 선택자 깊이와 중복 선언을 확인

핵심Sass의 장점은 문법 자체가 아니라 반복을 줄이면서 최종 CSS의 범위를 추적 가능하게 유지하는 데 있다.