설정 파일이 사라졌다?
Tailwind v4의 가장 큰 변화는 tailwind.config.js가 더 이상 필수가 아니라는 점입니다. CSS 파일 안에서 @theme 디렉티브로 커스텀 값을 정의할 수 있어요.
처음에는 어색했지만, 설정과 스타일이 한 곳에 모이니 오히려 관리가 편해졌습니다.
새로운 유틸리티 클래스들
컨테이너 쿼리, 텍스트 밸런스, subgrid 지원 등 모던 CSS 기능이 유틸리티로 추가되었습니다.
특히 @container를 활용한 반응형 컴포넌트는 미디어 쿼리 의존도를 크게 줄여줍니다.
마이그레이션 시 주의할 점
기존 플러그인과의 호환성을 꼭 체크하세요. 일부 커뮤니티 플러그인은 아직 v4를 지원하지 않을 수 있습니다.
공식 마이그레이션 도구 `@tailwindcss/upgrade`를 사용하면 대부분의 변환을 자동으로 처리할 수 있어요.