웹에서 Navigation API가 기존 History API(pushState/popstate)보다 개선된 점은?

Q: 웹에서 Navigation API가 기존 History API(pushState/popstate)보다 개선된 점은?

내비게이션 이벤트를 가로채고 제어하는 통합된 인터페이스로, SPA 라우팅을 더 직관적으로 구현할 수 있다 Navigation API는 navigation.navigate() 이벤트로 모든 종류의 네비게이션(링크 클릭, 폼 제출, 뒤로/앞으로)을 하나의 핸들러에서 가로챌 수 있습니다. History API의 popstate는 뒤로/앞으로만 감지할 수 있었지만, Navigation API는 navigate 이벤트로 통합하여 SPA 라우팅 구현이 크게 단순해집니다.

어려움 MDN Web Docs

보기 및 정답

A 내비게이션 이벤트를 가로채고 제어하는 통합된 인터페이스로, SPA 라우팅을 더 직관적으로 구현할 수 있다

B 브라우저의 뒤로 가기와 앞으로 가기 버튼을 프로그래밍적으로 비활성화하여 사용자 이탈을 방지할 수 있다

C 클라이언트 측 라우팅은 지원하지 않고 서버 측 라우팅만 지원하며, 모든 내비게이션은 서버로 요청을 보낸다

D 브라우저에 내장된 GPS 하드웨어와 연동하여 실시간 위치 기반 네비게이션 기능을 웹에서 제공한다

해설

Navigation API는 navigation.navigate() 이벤트로 모든 종류의 네비게이션(링크 클릭, 폼 제출, 뒤로/앞으로)을 하나의 핸들러에서 가로챌 수 있습니다. History API의 popstate는 뒤로/앞으로만 감지할 수 있었지만, Navigation API는 navigate 이벤트로 통합하여 SPA 라우팅 구현이 크게 단순해집니다.

코딩, 제대로 배우고 싶다면?

개념 확인은 퀴즈로, 실력은 실전 프로젝트로.
투더제이 코딩클래스에서 시작하세요.

정규반 살펴보기

로그인

추가 정보 입력

회원가입

비밀번호 찾기

웹에서 Navigation API가 기존 History API(pushState/popstate)보다 개선된 점은?

해설

코딩, 제대로 배우고 싶다면?

관련 문제

모두를 위한 진짜 쎈 바이브코딩