static routing

라우팅이란?

페이지 이동!

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

그 외에도
router.reload()
router.replace()
router.pathname() 등등의 기능이 있음

간단 예제

이동 전 페이지

import { useRouter } from "next/router"
export default function StaticRoutingPage() {
    const router = useRouter()
    const onClickMove = () => {
        router.push("/section05/05-01-static-routing-moved")
    }
    return <button onClick={onClickMove}>페이지 이동하기!!</button>
}  

export default function StaticRoutingMovedPage() {
    return (
        <div>페이지 이동이 완료 되었습니다.</div>
    )
}

이동 전 페이지에서 버튼을 클릭하면

지정한 페이지로 이동함.