Tailwind CSS 4의 새로운 기능들

Tailwind CSS 4는 성능과 개발자 경험을 크게 개선했습니다.

주요 변경사항

1. CSS 변수 기반 테마

@theme inline {
  --color-primary: #3b82f6;
  --font-sans: 'Inter', system-ui;
}

2. 새로운 @import 문법

@import "tailwindcss";

3. 향상된 성능

• 빌드 속도 10배 향상
• 더 작은 CSS 번들 크기

마이그레이션

기존 프로젝트를 v4로 업그레이드하는 것은 비교적 간단합니다. 공식 마이그레이션 가이드를 참고하세요.