[React] replace로 간단하게 뒤로가기 막기

Next.js - useRouter 생성

import { useRouter } from "next/navigation";

const router = useRouter();

router.push()

router.push(/);

push를 사용하여 페이지를 이동하면 스택이 쌓이면서 뒤로가기가 가능함

router.replace()

router.replace(/);

replace를 사용하면 스택이 쌓이지 않고 뒤로가기가 불가능함

응용

  const postCommunitySuccess = (response) => {
    console.log(response);
    alert("게시글이 등록되었습니다.");
    setTimeout(() => {
      router.replace(`/activity/community?stdId=${stdId}`);
    }, 1000);
  };

게시글을 등록하고 원래의 목록 페이지로 이동할 때 작성한 페이지로 다시 오지 못하게 replace를 사용함