Link Click
앱 내부 링크 클릭을 라우터가 처리합니다.
Web · SPA
SPA 라우팅과 History API 동작 흐름
페이지 전체를 새로 받지 않고 URL과 화면 상태를 함께 바꾸는 클라이언트 라우팅 흐름입니다.
클라이언트 라우터 단계
historyprevent reload
문서 전체 새로고침을 막습니다.
history.pushState
주소 표시줄과 히스토리 항목을 갱신합니다.
Route Match
현재 경로에 맞는 컴포넌트를 찾습니다.
Render View
선택된 화면만 다시 렌더링합니다.
click
→
pushState
→
match route
→
render
→
popstate
정리
SPA 라우팅은 URL을 숨기는 기법이 아니라 브라우저 히스토리와 앱 상태를 동기화하는 구조입니다.