Next.JS) Router에서 push와 replace의 차이점

push

  useEffect(() => {
    if (signUpDone) {
      router.push("/");
    }
  }, [signUpDone]);

push를 사용하면 뒤로가기 버튼을 눌렀을 때, 다시 이전 페이지로 돌아간다.

replace

  const router = useRouter();
  
  useEffect(() => {
    if (me && me.id) {
      router.replace("/");
    }
  }, [me && me.id]);

replace를 사용하면 뒤로가기 버튼을 눌러도 이전 페이지로 돌아가지 못한다.

다시 뒤로 돌아가면 안되는 상황에서는 replace를 사용하는 것이 좋다.