SPA 라우터 품질 점검
pushState와 popstate를 연결한 뒤에는 페이지 제목, 포커스, 스크롤, 404, 분석 이벤트까지 같은 라우팅 함수에서 정리합니다.
경로 매칭
정적 경로, 동적 파라미터, 쿼리 문자열을 분리해 같은 규칙으로 화면을 고릅니다.
문서 제목
화면이 바뀌면 document.title도 함께 바꿔 탭과 방문 기록에서 의미가 드러나게 합니다.
초점 이동
새 화면의 주요 제목이나 본문 시작점으로 포커스를 옮겨 키보드 탐색을 이어갑니다.
스크롤 위치
새 페이지 이동은 위로 올리고, 뒤로가기는 이전 위치를 복원할지 정책을 정합니다.
없는 경로
매칭되지 않는 URL은 빈 화면 대신 안내와 돌아갈 링크가 있는 Not Found 화면으로 보냅니다.
핵심SPA 라우터 품질 점검은 각 요소의 관계와 선택 조건을 함께 읽어야 한다.