HTML 가까운 스타일
className에서 spacing, color, layout을 바로 조합해 반복 CSS 파일을 줄입니다.
Tailwind CSS 디자인 토큰 적용 기준
CSS @theme으로 token을 정의하고 utility 조합과 컴포넌트 경계를 일관되게 유지합니다.
토큰 기반 조합
정해진 스케일을 쓰면 화면 사이의 간격과 색상이 맞기 쉽습니다.
긴 className 관리
복잡한 조건부 스타일은 컴포넌트 분리나 유틸리티 함수를 함께 사용합니다.
속도와 가독성의 균형 결정
Tailwind는 빠르지만 className이 길어질 수 있으므로 반복 패턴과 디자인 토큰을 어떻게 관리할지 합의해야 합니다.
자동 탐지와 CSS import
globals.css의 @import를 확인하고 외부 source만 명시합니다.
핵심token은 @theme에 모으고 반복 패턴은 컴포넌트로 올리며 v4 자동 source 탐지를 기본으로 사용한다.