- 페이지 단위 Storybook — 디자인 시스템, 사용자 화면, 관리자 화면 순서로 둘러볼 수 있어요. 실제 페이지와 헤더·사이드바 등 공통 레이아웃을 함께 사용해요.
- 화면 상태 확인 기준 — 기본 화면과 폼 오류 예시를 넣고, 앞으로 추가할 로딩·빈 목록·오류 상태를 같은 페이지 아래에서 관리하도록 기준을 정했어요.
- API만 테스트 데이터로 교체 — 페이지와 상태 로직은 그대로 실행하면서 서버 API 호출 부분만 교체해요. 실제 서버 구현이 섞이거나 필요한 API 모의 구현이 빠지면 Storybook 검사에서 알려줘요.
- 서비스 검사와 분리 — Storybook 전용 검사와 정적 빌드를 마련했어요. 화면 검토용 코드의 오류가 실제 서비스 검사와 빌드를 막지 않도록 분리했어요.
- 상태 라이브러리 정식 버전 적용 — 템플릿의
@comwit/state를 2.5.0 정식 버전으로 맞췄어요.
서비스에 들어갈 실제 화면을 여러 크기와 상태로 비교하며 확인할 수 있어요. AI가 화면을 수정할 때도 같은 페이지를 기준으로 결과를 검토할 수 있어요.
