입히기 (Migrating)
이미 돌아가는 앱에 디자인 시스템을 깨뜨리지 않고 얹습니다.
겁먹을 일이 아닙니다
- 지금 쓰는 앱을 멈추지 않습니다. 사본에서 작업합니다.
- 전부 다 할 필요 없습니다. 색만 바꿔도(L1) 목적의 80%가 달성됩니다.
- 문제가 생기면 1분 안에 되돌립니다.
⚠️
v5.0은 이름은 그대로 두고 값이 바뀐 토큰이 많습니다. 그래서 마이그레이션 방법은 찾아 바꾸기가 아니라 파일 교체 + 화면 확인입니다.
먼저 — 지금 앱 상태를 AI에게 진단시키세요
“Tailwind가 v3인지 v4인지” 같은 것은 본인이 답할 수 없는 게 정상입니다. 사람이 답하지 말고, AI가 코드를 열어보고 답하게 하세요.
AI 대화창에 그대로 붙여넣기
이 프로젝트에 제니트리 디자인 시스템 v5.0을 입히려고 해.
먼저 지금 상태를 진단해줘. 아래 6가지를 확인해서 표로 정리하고,
각 항목마다 "쉬움 / 주의 / 위험" 으로 표시해줘. 아직 아무것도 고치지 마.
1. 본문 글자 크기가 몇 px 인가? (16px 이 아니면 주의)
2. Tailwind 를 쓰나? 쓴다면 v3 인가 v4 인가?
(v4 라면 tailwind.config.js 가 무시된다는 점을 알려줘)
3. --color-text 같은 CSS 변수 이름을 이미 쓰고 있나? (있으면 이름 충돌 위험)
4. 전역 리셋(* { box-sizing: border-box })이 있나?
5. 다크 모드가 이미 있나? 있다면 어떤 방식인가?
6. 화면이 총 몇 개인가? 파일 목록으로 보여줘.
마지막에 "이 앱은 L1(색만) 부터 시작하면 됩니다" 처럼
어디서 시작할지 한 줄로 추천해줘.받은 표를 캡처해 두면 이후 모든 대화에서 근거가 됩니다.