유튜브블로그Top 10
내 프로필

데브허브 안내
소개업데이트 소식

데브허브 커뮤니티

How to Prevent Browser Back Navigation | Next.js

Cand Dev

2025. 1. 14.

0

#frontend
  • Next.js를 사용하여 브라우저 뒤로 가기 버튼 동작을 제어하는 방법을 설명합니다. ➡️
  • 사용자에게 페이지를 떠날 것인지 확인하는 모달을 구현하여 뒤로 가기 동작을 방지합니다. 🚫
  • window.addEventListener('popstate', ...)를 사용하여 뒤로 가기 이벤트를 감지합니다. 👂
  • history.pushState()를 이용하여 더미 상태를 히스토리 스택에 추가하여 모달을 표시합니다. ➕
  • useRouter.push()를 사용하여 사용자가 확인 버튼을 클릭했을 때 특정 페이지로 리다이렉트합니다. ➡️

Recommanded Videos