useRouter2 페이지 이탈 막으려다… Next.js 아키텍처까지 뜯어본 이야기 들어가며.[이전글] Next.js AppRouter에서 페이지 이탈 컨펌 구현하기 이전에 Next.js의 App Router 환경에서 페이지 이탈 컨펌 구현에 관련한 글을 작성했었는데요, next-navigation-guard를 이용하여 문제를 해결했던 경험을 다루었습니다. 그러나 해당 글에서는 보다 근본적인 의문점들을 미처 해소하지는 못했었는데요, 이번 글에서는 아래와 같은 의문점들을 해소하면서 그 과정에서 Next.js의 아키텍처 변화와 설계 철학 등을 탐구해보려 합니다.Next.js는 왜 App Router로 전환하면서 next/router 대신 next/navigation을 사용하도록 권장하게 되었을까요?Next.js는 왜 next/navigation의 router에서 (next/router에서 .. 2025. 11. 29. Next.js AppRouter에서 페이지 이탈 컨펌 구현하기 들어가며.Next.js가 App Router를 도입하면서 많은 개발자가 기존 Pages Router와 달라진 라우팅 방식에 적응하고 있습니다. 특히 '서버 컴포넌트(RSC)'와 'Concurrent Rendering'이라는 새로운 패러다임은 많은 것을 바꿔놓았습니다. 그 중 제가 마주했던 것은 변경된 useRouter 훅으로 인한 문제였는데요, 예전 Pages Router에서는 next/router의 router.events를 사용해 비교적 간단히 페이지 이탈 시 컨펌(Confirm) 모달을 표시하는 로직을 구현할 수 있었습니다. 하지만 App Router에서는 next/router가 아닌 next/navigation의 useRouter를 쓰도록 했고, 그 결과 router.events를 사용할 수 없는.. 2025. 10. 31. 이전 1 다음
