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