스타일 선택 기준

동적 정도와 렌더링 경계 우선 검토

스타일 도구는 취향보다 변경 빈도, 런타임 비용, 서버 렌더링 요구사항을 기준으로 고르는 편이 안전합니다.

CSS Module

정적이고 범위가 명확한 UI

컴포넌트 단위 스타일을 작게 유지하고 런타임 비용 없이 충돌을 피합니다.

CSS-in-JS

프롭과 테마가 스타일을 바꾸는 UI

조건부 스타일이 많다면 강력하지만 App Router에서는 SSR 설정을 함께 검토합니다.

Tailwind

토큰 기반으로 빠르게 조립하는 UI

반복되는 시각 규칙을 클래스 조합으로 유지하고 사용한 CSS만 빌드에 남깁니다.

한 프로젝트에서도 전역 레이아웃은 CSS, 컴포넌트는 모듈 또는 Tailwind, 복잡한 테마 영역은 CSS-in-JS처럼 나눌 수 있습니다.