스타일링 도구 선택 기준
CSS 모듈, CSS-in-JS, 유틸리티 CSS는 모두 해결하는 문제가 조금씩 다릅니다.
CSS Modules
컴포넌트별 정적 스타일과 빌드 타임 충돌 방지에 잘 맞습니다.
CSS-in-JS
props 기반 동적 스타일과 디자인 토큰 결합이 많을 때 유리합니다.
Utility CSS
빠른 조합과 일관된 spacing 규칙이 중요한 팀에 맞습니다.
Design System
반복 UI가 많아지면 스타일 도구보다 컴포넌트 계약이 더 중요합니다.
핵심스타일링 도구 선택 기준은 각 요소의 관계와 선택 조건을 함께 읽어야 한다.