mathbong
EN
용어 사전 coding 용어 페이지

History API

페이지를 새로 고치지 않고 히스토리 항목과 표시 URL을 추가·수정하고 탐색 이벤트를 처리하는 기능

history-api #routing#javascript
English version

다른 이름

히스토리 API

관련 개념

해시 라우터내비게이션 가드컴포넌트

핵심 아이디어

History API는 SPA가 주소 표시줄을 깔끔하게 유지하면서도 전체 새로고침을 막을 수 있게 해 줍니다. pushState와 replaceState로 히스토리 항목을 조작하고, popstate 이벤트로 뒤로가기와 앞으로가기에 맞춰 화면을 다시 렌더합니다.

이 블로그에서의 역할

Mathbong은 해시 라우터 다음 단계로 History API를 소개해, 깨끗한 URL과 내비게이션 가드 같은 고급 기능을 언제 적용할지 비교합니다.

이 개념을 다루는 글

[JavaScript 시리즈 16편] 라우팅과 간단한 내비게이션 구조 해시 기반 라우팅, pushState, 내비게이션 가드 등 순수 JS로 구현하는 미니 라우터를 소개합니다.[JavaScript Series 16] Routing and Lightweight Navigation Build a hash router, explore the History API, and add route guards with plain JavaScript.