"css" 태그로 연결된 2개 게시물개의 게시물이 있습니다.

Tailwind CSS가 v4.0과 v4.1에서 프론트엔드 개발 패러다임을 바꾸는 혁신적인 변화를 가져왔습니다. 이 포스트에서는 실무에서 바로 활용할 수 있는 핵심 변경사항과 마이그레이션 가이드를 제공합니다.

TL;DR: Tailwind CSS v4.0은 Rust 기반 Oxide 엔진으로 빌드 속도를 100배 향상시키고 CSS-first 설정을 도입했습니다. v4.1은 텍스트 섀도우, 마스킹 유틸리티와 구형 브라우저 호환성을 대폭 개선했습니다.

웹 디자인에서 색상을 다룰 때 RGB나 HSL을 주로 사용하지만, 이들은 인간의 시각 인지 방식과 맞지 않는 한계가 있습니다. 예를 들어 HSL에서 같은 밝기 값을 가진 파란색과 노란색이 실제로는 전혀 다른 밝기로 보이는 문제가 있습니다.

OKLCH는 이러한 문제를 해결하기 위해 인간의 시각 인지에 맞게 설계된 새로운 색상 공간입니다. 현대 브라우저에서 이미 지원되고 있으며, 더 정확하고 직관적인 색상 제어가 가능합니다.

TL;DR: OKLCH는 인간의 시각 인지에 맞게 설계된 새로운 CSS 색상 모델입니다. RGB/HSL보다 더 정확하고 직관적인 색상 제어가 가능하며, 현대 브라우저에서 이미 지원되고 있습니다.