다중 페이지 앱의 라우트 골격

페이지 목록

사용자가 이동할 화면을 먼저 route 단위로 나눈다.

BrowserRouter 아래에 Routes와 Route를 선언해 URL과 화면을 연결한다.

a 태그 전체 이동 대신 Link를 사용해 앱 상태를 유지한다.

404, 로딩, 권한 없음 화면을 route 설계에 포함한다.

Home

첫 진입 서비스 목적과 주요 이동 경로를 제공

초기 로드 비용

List

탐색 화면 검색, 필터, 페이지 값을 URL로 표현

새로고침 복원 가능

Detail

식별자 기반 화면 route param으로 단일 리소스를 조회

없는 id 처리

NotFound

경로 실패 지원하지 않는 URL에 명확한 복귀 경로 제공

와일드카드 route

새로고침 각 페이지 URL에서 바로 진입해도 화면이 열린다.

링크 내부 이동은 전체 문서 새로고침을 일으키지 않는다.

404 없는 경로가 빈 화면이 아니라 안내 화면으로 떨어진다.

초점 페이지 전환 뒤 제목과 주요 영역이 사용자에게 분명하다.