Sass 작성부터 CSS 출력까지

Sass는 변수, 중첩, 믹스인, 부분 파일을 활용해 작성 편의를 높이고 최종적으로 CSS로 컴파일된다.

기능	도움 되는 점	사용 예	위험 신호
Variable	색과 간격 값을 재사용	$primary, $space	CSS 변수와 역할 혼동
Nesting	관련 선택자를 가까이 작성	.card { .title {} }	너무 깊은 선택자 생성
Mixin	반복 패턴을 재사용	@include flex-center	숨은 CSS가 많아짐
Partial	파일을 역할별로 분리	_buttons.scss	엔트리 관리가 불명확
Compile	최종 CSS 산출	sass main.scss main.css	빌드 결과를 확인하지 않음

Sass의 품질은 기능을 많이 쓰는 것이 아니라 최종 CSS가 예측 가능하고 관리 가능한지에 달려 있다.