useEffect clean up 질문

[이진이]

토이 프로젝트 진행 중 clean up function에서 문제가 발생해 질문 남깁니다.
위 코드에서 보이는 것처럼 컴포넌트가 mount될때 세션스토리지에 값을 저장하고 
컴포넌트가 unmount 될때 세션스토리지에서 mount될때 저장한 값을 지우는 코드를 작성했는데
clean up 함수가 실행이 안되는 것 같습니다.
다른 페이지로 나가거나 뒤로 가기 등등 여러 가지 시도를 해보았지만  세션스토리지에 mount될때 저장한 
값들이 지워지지 않고 유지가 됩니다. 
왜 이런 현상이 발생하는 것이고 어떤 방법으로 해결 할 수 있을까요?

[codingapple]

useEffect 내부랑 return 내부에 console.log 같은거 써서 테스트해봅시다

[이진이]

답변 보고 여러가지 테스트를 해봤는데 clean up 함수 안에 코드가 뒤로 가기나 다른 페이지로 
이동 시에 실행이 안되는 건지 console창에 다른 페이지로 이동해서 나타나지 안는 건지 모르겠네요...
여러가지 검색이나 다양한 방법을 시도해 봤지만 결과는 같았습니다. ㅠㅠ
위 코드와 같이 다른 페이지로 이동하거나 할 때 clean up 안에 
코드를 실행하고 싶은 경우는 어떤 식으로 해야 하나요?

[codingapple]

라우터로 이동시엔 발동됩니다 페이지 새로고침이나 뒤로가기시 실행하려면 beforeunload 이벤트리스너같은걸 찾아봅시다

[글쓴이]

글