Tailwind v4로 올리면서 디자인 시스템 클래스 정리하기
· 약 2분
CRM을 Next.js 16으로 올리는 브랜치에서 Tailwind도 v3에서 v4로 올렸다. 공식 업그레이드 도구 한 번에 295개 파일이 바뀌었고 빌드도 통과했다. 그런데 화면을 보니 조건부 색상 몇 군데가 의도와 다르게 나왔다.
Tailwind CSS 설정과 클래스 관리
모든 태그 보기CRM을 Next.js 16으로 올리는 브랜치에서 Tailwind도 v3에서 v4로 올렸다. 공식 업그레이드 도구 한 번에 295개 파일이 바뀌었고 빌드도 통과했다. 그런데 화면을 보니 조건부 색상 몇 군데가 의도와 다르게 나왔다.
회사 랜딩 페이지를 새로 만들게 됐다. 새 저장소로 시작했고, 초기 세팅을 내가 맡았다. 여러 사람이 같이 작업할 저장소라 처음 정하는 규칙이 오래 남을 거라고 생각했다.
어드민 작업이 일단락되고 피트니스 센터용 CRM 웹 개발로 넘어왔다. 마침 디자인 가이드가 나와서, 화면마 다 색과 크기를 그때그때 넣던 방식을 버리고 가이드부터 코드로 옮긴 다음 화면을 그 위에 다시 쌓기로 했다.