중첩은 2단계 안팎으로 제한해 선택자 과도한 결합을 막습니다.
Sass 사용 판단 체크
Sass는 중첩, 변수, mixin으로 반복을 줄이지만 최종 결과는 CSS입니다. 편의 기능이 출력 CSS를 복잡하게 만들지 않는지 함께 봐야 합니다.
01nesting
02mixin
03partial
04output
반복 패턴은 mixin으로 묶되, 너무 많은 옵션은 오히려 읽기 어렵습니다.
파일을 역할별로 나누고 import 순서로 cascade를 관리합니다.
브라우저가 읽는 최종 CSS 크기와 선택자를 확인합니다.