Clean Tailwind

Overview

Tailwind CSS 클래스를 일관된 순서로 정렬하는 기법입니다. 핵심 원칙: 시각적 렌더링 순서(바깥→안쪽→콘텐츠)를 따릅니다.

When to Use

Use when:

• className 문자열이 길고 무질서해 보일 때
• 팀 코드 리뷰에서 Tailwind 순서 일관성 문제가 제기될 때
• 새 프로젝트에 Tailwind 정렬 규칙을 도입할 때

Don't use for:

• shadcn/ui, Radix 등 외부 라이브러리 컴포넌트
• CSS-in-JS나 styled-components 프로젝트