페이지를 leave할 때 경고문 띄우기

1. tab을 닫거나

2. 페이지를 refresh 하거나

3. 다른 url로 들어가기 (+ 뒤로가기)

전에 경고창 띄우기

useEffect(() => {
    window.addEventListener('beforeunload', alertUser);
    return () => {
      window.removeEventListener('beforeunload', alertUser);
    };
  }, []);

  const alertUser = (e: BeforeUnloadEvent) => {
    e.preventDefault();
    e.returnValue = '';
  };

but, Next js에서는 뒤로가기할 때는 경고를 안 보여준다...

Next js 자체 캐시 시스템 때문인 것 같은데 해결중이다..

https://plainenglish.io/blog/how-to-alert-a-user-before-leaving-a-page-in-react