진행 순서

프로젝트 마일스톤 분리

최종 프로젝트 진행 가이드는 한 번에 모두 끝내는 목록이 아닙니다. 각 단계마다 화면, 상태, 라우팅, 데이터, 배포 중 무엇이 검증되는지 남기면 다음 작업이 훨씬 안정적입니다.

1

프로젝트 뼈대

Vite 앱을 만들고 폴더 구조, 기본 스타일, 라우터 자리만 잡습니다. 빈 화면이라도 실행과 빌드가 되어야 합니다.

2

핵심 화면 연결

목록, 상세, 작성 또는 검색 화면을 라우팅으로 이어 붙입니다. Link와 useNavigate가 실제 사용자 흐름을 만듭니다.

3

데이터와 예외

API, 목업, localStorage 중 하나를 선택하고 로딩, 에러, 빈 결과를 함께 렌더링합니다.

4

성능과 배포

Profiler로 실제 병목만 확인한 뒤 빌드합니다. 배포 URL에서 새로고침 라우팅까지 점검하면 완료 기준이 분명합니다.