TailwindCSS가 v4로 올라오면서 전반적인 설정 방식부터 유틸리티 클래스 커스터마이징 방식이 달라졌습니다. 특히 "CSS-first" 접근 방식은 기존 v3 사용자라면 익숙한 설정 방식과 완전히 다르기 때문에, 처음 마주하면 당황스러운 경험을 할 수 있습니다.저도 새로운 레파지토리를 세팅할때 달라진 방식을 경험하면서(CSS만으로 유틸리티를 커스터마이징 하는 법) v4에 적응했던 경험을 공유해보고자 합니다.  tailwindCSS v3 vs v4 뭐가 달라졌을까 1. JS에서 CSS로기존 v3까지는 tailwind.config.js 혹은 .ts 파일을 만들어 테마 값을 확장하거나 플러그인을 추가했습니다. 하지만 v4는 이 설정 자체를 CSS 파일 안에서 직접 정의할 수 있습니다. 예전처럼 JS 파일..