본문 바로가기
Q&A2024년 2월 13일1분 읽기

Tailwind CSS v4 변경사항

오
오수빈
조회 803댓글 1

Tailwind CSS v4가 나온다고 하는데 뭐가 달라지나요?

댓글 1

김김영삼2년 전

Tailwind CSS v4 주요 변경사항 (2024 프리뷰):

  • Oxide 엔진 — Rust로 재작성, 빌드 속도 10배 향상
  • CSS-first 설정 — tailwind.config.js 대신 CSS에서 설정
    @import "tailwindcss";
    @theme {
    --color-primary: #3b82f6;
    --font-sans: "Pretendard", sans-serif;
    }
  • @layer 자동 감지
  • 컨테이너 쿼리 — @container 네이티브 지원
  • 4:1 CSS 변수 통합

설정 파일이 CSS로 통합되어 더 직관적이지만, v3에서 마이그레이션 시 설정 방식이 크게 달라집니다.

Ctrl+Enter로 등록