SPA에서는 URL도 앱 상태의 한 축이다

브라우저 주소, 라우터 매칭, 화면 상태가 같은 탐색을 설명하도록 연결한다.

주소

location

path · query · hash를 보관

해석

router match

URL과 가장 맞는 route를 선택

데이터

params / search

대상과 보기 조건을 화면에 전달

화면

route element

현재 URL에 대응하는 UI 렌더

탐색

Link / navigate

history를 갱신해 다음 순환 시작

핵심새로고침·뒤로가기·주소 공유에서도 같은 화면이 재현되어야 URL 상태가 제대로 설계된 것이다.