웹 개발에서 살아남기

Tailwind CSS v3에서 v4로 넘어갈 때 발생하는 주요 Breaking Changes와 안전한 마이그레이션을 위한 필수 체크리스트를 정리했습니다. 특히 border 기본 색상 변경과 설정 파일 제거로 인한 이슈 해결법을 중점적으로 다룹니다. Tailwind v4 마이그레이션, 그냥 올리면 깨질 수 있습니다Tailwind CSS v4는 성능이 압도적으로 좋아졌고 문법도 깔끔해졌습니다. 하지만 그만큼 내부 구조가 완전히 갈아엎어졌기 때문에, package.json에서 버전만 올렸다간 프로젝트 레이아웃이 와장창 깨지는 경험을 하게 될 수 있습니다.공식 업그레이드 툴이 있긴 하지만, 기계가 못 잡아주는 시각적 버그(Visual Regressions)는 사람이 직접 챙겨야 합니다. 실무 프로젝트 업그레이..

Tailwind CSS v4가 출시되면서 tailwind.config.js가 사라지고 CSS 파일 하나로 모든 설정이 통합되었습니다. @theme, @utility 등 새로 도입된 핵심 문법 7가지의 역할과 v3 대비 변경점을 완벽하게 정리했습니다. Tailwind v4, 문법이 싹 바뀌어서 당황스럽다면?Tailwind CSS가 v4로 메이저 업데이트되면서 정말 많은 게 변했습니다. 가장 큰 변화는 "자바스크립트 설정 파일(tailwind.config.js)을 버리고, 순수 CSS 지시어로 돌아갔다"는 점입니다.기존에 익숙했던 @layer나 theme 설정 방식이 바뀌어서 헷갈릴 수 있는데, 실무에서 당장 써야 할 핵심 문법들만 모아서 딱 정리해봤습니다. 이것만 알면 마이그레이션 준비는 끝날 것 같습니다..