Next.js (Page Router) React rhf(react-hook-form) react-query emotion jotai Typescript| 단계 | 작업 항목 | 예상 기간 | 상태 | 비고 |
|---|---|---|---|---|
| 기획 정리 | 기능 명세 정리 및 UI 정리 | 7/7 | Notion 문서, Figma 완료 | |
| 1단계 | 정리된 Data class 정의 및 도서 정보 입력 UI (유효성) 처리 | 7/8 | - | |
| 2~3단계 | 별점/추천 UI 및 조건부 독후감 UI 구현 | 7/9 | 별점 → 독후감 연결 | |
| 4단계 | 인용구 추가/삭제 기능 + 페이지 유효성 정의 | 7/10 | useFieldArray 활용 | |
| 5단계 | 공개 여부 + 제출 처리 | 7/11 | 최종 상태 저장 | |
| UX, 기능 | 실시간 미리보기 & 반응형 처리, 새로고침 시 상태 복원 | 7/12 | window resize 활용, localStorage | |
| 통합 | 전체 폼 통합 & 유효성 테스트 | 7/13 ~ 7/14 | 에러 포커스, 자동 배포,테스트 CI/CD | |
| 완료 | 코드 정리 및 배포 | 7/15 | - |