WBS
사이트·Figma 동기화 상태(v0.6)를 기준선으로 삼고, 11/30 까지 59개 페이지를 메뉴별로 하나씩 업데이트해 v1.0 으로 공개합니다. 페이지를 고치면 그 주 안에 사이트 재배포와 Figma 반영까지 끝내는 것을 한 묶음으로 봅니다.
마일스톤
주차별 일정
| 단계주차 / 기간 | W109.15–18 | W209.21–25 | W309.28–10.02 | W410.05–09 | W510.12–16 | W610.19–23 | W710.26–30 | W811.02–06 | W911.09–13 | W1011.16–20 | W1111.23–27 | 완료11.30 |
|---|---|---|---|---|---|---|---|---|---|---|---|---|
| P0 기준선동기화 상태 점검 · 완료 정의 | 기준선 | |||||||||||
| P1 Home3 페이지 | Home 3 | |||||||||||
| P2 Foundations6 페이지 | Foundations 6 | |||||||||||
| P3 Components30 페이지 · 주 6~8개 | Components 30 | |||||||||||
| 입력 · 선택10 | W4–5 · 10 | |||||||||||
| 탐색 · 표시7 | W6 · 7 | |||||||||||
| 컨테이너 · 피드백8 | W7 · 8 | |||||||||||
| 데이터5 | W8 · 5 | |||||||||||
| P4 Patterns11 페이지 | Patterns 11 | |||||||||||
| P5 Resources6 페이지 | Res. 6 | |||||||||||
| P6 마무리QA · 최종 동기화 · 공개 | QA → v1.0 | |||||||||||
| 상시매주 반복 | 페이지 수정 → 재빌드·배포 → Figma 동기화 |
작업 구간Components 세부 묶음마무리마일스톤공휴일 포함 주(추석 09.24–28 · 개천절 대체 10.05 · 한글날 10.09)
단계별 범위
P0 기준선 · W1동기화 상태 점검 · 완료 정의 합의 · 업데이트 순서 확정
P1 Home · W1–2 · 3Getting started · About · UX Principles
P2 Foundations · W2–3 · 6Overview · Colors · Typography · Grid · Icons · Elevation
P3 입력 · 선택 · W4–5 · 10Button · Text Field · Search · Select Button · Slider · Date Picker · Checkbox · Chip · Radio Button · Switch
P3 탐색 · 표시 · W6 · 7Tab · Breadcrumb · Pagination · Navigation · Top Navigation · Dropdown · Tag
P3 컨테이너 · 피드백 · W7 · 8Accordion · Card · Popup · Tooltip · Notification · Loading · Indicator · Divider
P3 데이터 · W8 · 5Data Table · Table · List · Item Tile · Data Visual
P4 Patterns · W9–10 · 11Common UI: 입력 폼 · 약관 동의 · 빈 화면 · 유의사항
Service: 온보딩 · 검색 · 시스템 상태
Security Console: 대시보드 · 로그 뷰어 · 정책 설정 · 심각도 표시
Service: 온보딩 · 검색 · 시스템 상태
Security Console: 대시보드 · 로그 뷰어 · 정책 설정 · 심각도 표시
P5 Resources · W10 · 6React Package · Design Token · Figma Library · Token Download · Changelog · Contribution
P6 마무리 · W11 → 11.30빌드 검증 · 동작 테스트 · 라이트 · 다크 시각 점검 · Figma 최종 동기화 · Changelog · v1.0 · 공개 · 공유
페이지 1개 업데이트 = 이 네 단계를 마친 것
- 검토내용 · 예제 · Props 가 현재 규칙과 맞는지 확인합니다.
- 수정 · 배포소스 수정 → 재빌드 → 검증 통과 → 사이트 배포.
- Figma 반영같은 섹션의 프레임 · 텍스트 · 변수를 동기화합니다.
- 체크업데이트 목록에 완료 표시. 한 주에 끝내지 못한 페이지는 다음 주 첫 순서로 넘기고 단계 완료일은 그대로 둡니다.