[Next.js] 이전 페이지 뒤로 가기 구현하기 (세션 스토리지, 히스토리 스택)
·
Front-End/Next
📝 문제 상황Next.js 14버전을 사용하던 중router.back() 함수에서 이슈가 발생했습니다. { router.back(); // 문제 코드 ! }}>router.back()은 그냥 사용하면 문제없이 동작하지만새로고침 후 실행되면 RSC가 무한히 pending 되면서 결국 웹사이트가 터져버렸습니다. 🤔 router.back()을 계속 사용하면서,해결할 수 있는 방법은 없나 찾아봤지만 마땅한 방법을 찾지 못했습니다.저희 프로젝트만 그런가요?? 댓글로 알려주세요 그래서 결국 세션 스토리지에 히스토리를 직접 저장하고goBack() 함수를 구현하기로 했습니다. 😀 📝 해결 방법 ⦁1. 히스토리 저장을 위한 HistoryTracker 컴포넌트const STORAGE_KEY = 'pageH..