1
전통적인 웹 페이지 내비게이션의 한계
전통적인 웹 페이지는 태그를 클릭하거나, location.href를 변경하거나, 폼을 제출할 때마다 브라우저가 새로운 HTTP 요청을 서버로 보내고, 서버는 해당 URL에 맞는 새로운 HTML 파일을 응답합니다.
핵심 흐름
2
Single Page Application (SPA)
SPA는 이름 그대로 하나의 HTML 페이지 위에서 실행되는 웹 애플리케이션입니다.
3
History API: 브라우저 히스토리 조작
History API는 웹 브라우저의 세션 히스토리(방문 기록)를 자바스크립트로 조작할 수 있도록 해주는 웹 API입니다.
4
클라이언트-사이드 라우팅 구현의 원리
History API를 활용한 클라이언트-사이드 라우팅의 일반적인 원리는 다음과 같습니다.