Tailwind 반복 개선

클래스가 길어지면 패턴을 이름 붙인다

유틸리티 우선 방식은 빠르지만, 반복 패턴과 조건부 클래스는 컴포넌트 경계에서 정리해야 오래 갑니다.

1

토큰 사용

간격, 색상, 글꼴 크기는 Tailwind 토큰으로 맞춥니다.

2

반복 발견

같은 클래스 묶음이 여러 컴포넌트에 나타나는지 확인합니다.

3

컴포넌트화

버튼, 카드, 입력처럼 의미가 있는 단위로 감쌉니다.

4

빌드 확인

사용하지 않는 스타일이 제거되고 동적 클래스가 누락되지 않았는지 봅니다.