[Section05-01] static-routing

라우팅이란?

페이지 이동을 의미

 

next 에서 hook을 제공한다.

const router = useRouter()

 

useRouter의 기능은 여러가지가 있는데,

그 중 하나인 router.push() 는 페이지를 이동시킨다.

const router = useRouter()
router.push("이동할 페이지")

 

 

예시

import { useRouter } from "next/router";

export default function StaticRoutingPage() {
  const router = useRouter();

  const onClickMove = () => {
    // router.push : 페이지 이동
    router.push("/이동할 페이지");
  };

  // 이동하기 버튼 클릭시 router.push 안에 있는 주소로 이동한다.
  return <button onClick={onClickMove}>페이지 이동하기!!!</button>;
}