styling choice
스타일링 도구는 팀의 변경 방식과 컴포넌트 경계에 맞춰 고른다
CSS 모듈, CSS-in-JS, 유틸리티 CSS는 모두 해결하는 문제가 조금씩 다릅니다.
module
CSS Modules
컴포넌트별 정적 스타일과 빌드 타임 충돌 방지에 잘 맞습니다.
runtime
CSS-in-JS
props 기반 동적 스타일과 디자인 토큰 결합이 많을 때 유리합니다.
utility
Utility CSS
빠른 조합과 일관된 spacing 규칙이 중요한 팀에 맞습니다.
system
Design System
반복 UI가 많아지면 스타일 도구보다 컴포넌트 계약이 더 중요합니다.