다중 페이지 앱의 라우트 완성도

화면 목록

사용자가 이동할 주요 화면을 route 단위로 나누고 URL 이름을 정한다.

공통 navigation에서 현재 route 표시와 내부 이동을 연결한다.

목록과 상세 화면이 필요한 데이터를 각자 로드하고 오류를 처리한다.

없는 URL, 없는 id, 느린 요청, 모바일 화면을 함께 확인한다.

Home

첫 진입 사용자가 다음 행동을 고를 수 있는 시작점

너무 많은 기능 노출 금지

List

탐색 검색, 필터, 페이지가 URL과 연결

빈 결과 화면 필요

Detail

식별자 기반 id param으로 데이터를 가져와 표시

404와 권한 오류 구분

Fallback

경계 화면 NotFound와 Error UI로 길 잃음을 줄임

홈 이동 제공

직접 URL 각 route를 주소창에 넣어도 화면이 열린다.

뒤로가기 목록에서 상세로 이동 후 이전 위치로 돌아간다.

상태 화면 로딩, 빈 값, 오류가 정상 화면과 구분된다.

활성 링크 현재 페이지가 navigation에 표시된다.