📋 목차

  1. 개요
  2. 설정 구조 변경
  3. 주요 변경점
  4. 이점 및 개선사항
  5. 파일 구조 변경
  6. 코드 작성 방식 변경점
  7. 개별 프로젝트에서의 사용 방법 비교
  8. 결론
  9. 참고 자료

개요

"디자인 시스템 관리의 새로운 패러다임"

이 글에서는 우리 모노레포 프로젝트를 Tailwind CSS v3에서 v4로 업그레이드한 경험과 주요 변경사항을 정리하였습니다. 커밋 174ab6efb6bb7fa8ff992df6d0bbea512a8abf4b(v3) 시점과 현재(v4) 시점을 비교하며 실제 적용 과정에서 발견한 차이점과 개선사항에 중점을 두었습니다.

2. 설정 구조 변경

Tailwind CSS v4의 가장 큰 변화는 설정 방식이 JavaScript 파일에서 CSS 파일로 주로 이동한 점입니다.

(v4에서도 tailwind.config.js를 선택적으로 사용할 수 있습니다.)

🔙 이전 (v3)