logo
공유된 기사
"Tailwind CSS 4.0 출시: 최대 100배 빠른 빌드 속도와 혁신적 CSS 기능, 최신 브라우저 요구로 초기 도입 제한 우려"
language-logoTailwind
Tailwind CSS 4.0이 출시되면서 최대 5배 빠른 빌드 시간과 100배 빠른 증분 빌드를 약속하며, 새로운 CSS 기능과 단일 import 문을 통한 설치를 제공합니다. 그러나 최신 웹 브라우저가 핵심 기능에 필요하다는 문서로 인해 초기 채택이 제한될 수 있습니다. 이 인기 있는 CSS 프레임워크의 주요 기능은 Oxide라는 코드명의 새로운 빌드 엔진으로, 이전보다 35% 작아졌으며, Rust로 재작성된 패키지를 포함하여 가장 계산 집약적인 작업을 처리합니다. 또한, Rust로 작성된 CSS 파서인 Lightning CSS를 사용합니다.

Tailwind CSS 4.0은 Vite JavaScript 및 TypeScript 빌드 도구에 최적화되어 있으며, 최소한의 설정으로 최대 성능을 제공하는 Vite 플러그인을 제공합니다. 새로운 CSS 기능으로는 구조화된 특이성을 제공하는 cascade layers와 기본값을 설정할 수 있는 CSS 등록 사용자 정의 속성이 포함됩니다. Tailwind의 창시자 Adam Wathan에 따르면, 이러한 현대적 기능의 사용은 내부적으로 Tailwind를 단순화하여 유지보수를 용이하게 했습니다. Tailwind를 프로젝트에 포함시키는 것은 npm을 통해 설치한 후 CSS 파일에 추가하는 것만큼 간단합니다.

Tailwind CSS 4.0의 색상 팔레트는 rgb에서 oklch로 변경되어 더 풍부한 색상을 제공합니다. 새로운 3D 변환 API는 스케일링, 회전 등을 허용합니다. 브라우저 호환성 문제는 여전히 주의해야 하며, 최신 브라우저가 필요합니다. Tailwind CSS는 MIT 라이선스 하에 오픈 소스로 제공되며, 상업적 라이선스가 필요한 TailwindUI에서 고급 컴포넌트를 제공합니다. 2023년 State of CSS 설문조사에 따르면, Tailwind CSS는 개발자들이 계속 사용하고 싶어하는 주요 UI 프레임워크로 자리 잡고 있습니다.
Copyright © 2025. Codenary All Rights Reserved.