Tailwind란?
미리 정의된 수천 개 유틸리티 클래스를 조합해 스타일링하는 CSS 프레임워크다. CSS 파일을 거의 쓰지 않는다.
<button class="px-4 py-2 bg-blue-500 text-white rounded hover:bg-blue-600">
버튼
</button>장점
- 클래스명 네이밍 고민 소멸
- 번들 크기 최소화 (미사용 클래스 자동 제거)
- 디자인 토큰 기반 일관성
Tailwind 4 (2025)
CSS-first 설정, Oxide 엔진으로 10배 빨라진 빌드. @theme 지시자로 커스터마이징.