ROUTER QA

라우터는 URL뿐 아니라 사용자 맥락도 복원해야 합니다

pushState와 popstate를 연결한 뒤에는 페이지 제목, 포커스, 스크롤, 404, 분석 이벤트까지 같은 라우팅 함수에서 정리합니다.

match

경로 매칭

정적 경로, 동적 파라미터, 쿼리 문자열을 분리해 같은 규칙으로 화면을 고릅니다.

title

문서 제목

화면이 바뀌면 document.title도 함께 바꿔 탭과 방문 기록에서 의미가 드러나게 합니다.

focus

초점 이동

새 화면의 주요 제목이나 본문 시작점으로 포커스를 옮겨 키보드 탐색을 이어갑니다.

scroll

스크롤 위치

새 페이지 이동은 위로 올리고, 뒤로가기는 이전 위치를 복원할지 정책을 정합니다.

404

없는 경로

매칭되지 않는 URL은 빈 화면 대신 안내와 돌아갈 링크가 있는 Not Found 화면으로 보냅니다.

initial load link click popstate

세 진입점은 모두 같은 renderRoute 함수를 호출해야 라우팅 규칙이 흩어지지 않습니다.