후기#Tailwind CSS#CSS#프론트엔드#마이그레이션

Tailwind CSS v4 마이그레이션 후기 - 생각보다 변경점이 많네요

최

최프론트

2026년 3월 12일 오전 11:00

911547

Tailwind CSS v3에서 v4로 마이그레이션한 경험을 공유합니다. CSS-first 설정 방식으로 바뀌면서 tailwind.config.js가 사라지고, @theme 디렉티브로 변경됐습니다. 컬러 시스템도 oklch 기반으로 바뀌어서 기존 커스텀 컬러 설정을 다시 해야 했어요. 전반적으로 성능은 좋아졌지만 마이그레이션 비용이 꽤 들었습니다.

댓글 3개

댓글을 작성하려면 로그인이 필요합니다

로그인하기

김

김개발2026년 3월 12일

마이그레이션 가이드 정리 감사합니다! @apply 디렉티브는 그대로 사용 가능한가요?

강

강런타임2026년 3월 12일

oklch 컬러 시스템 전환이 제일 까다로웠을 것 같은데, 기존 hex 값을 변환하는 팁이 있으신가요?

최

최프론트2026년 3월 12일

oklch 변환은 culori 라이브러리를 사용했어요. CSS 변수로 관리하면 한번에 바꿀 수 있어서 편했습니다.