본문으로 건너뛰기

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

모든 태그 보기

Tailwind CSS v4.0 & v4.1 완전 분석: 성능 혁신과 실전 유틸리티

· 약 8분
Jeongyong Park
쌍팔년생 개발자

tailwind css

안녕하세요, 쌍팔년생 개발자입니다.

지난주에 팀에서 프로젝트 빌드 시간 때문에 정말 고생했어요. CSS 빌드만 15초씩 걸리니까 개발할 때마다 답답하더라고요... 😅

그런데 동료 개발자분이 "Tailwind CSS v4가 나왔는데 빌드 속도가 엄청 빨라졌다던데?" 하고 알려주셔서 바로 테스트해봤거든요. 결과는... 정말 놀라웠습니다!

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

OKLCH 색상 공간: 웹 디자인의 새로운 표준

· 약 6분
Jeongyong Park
쌍팔년생 개발자

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

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

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