라우팅(routing)이란?

페이지 이동을 말한다!

Next.js는 파일 시스템 기반의 정적라우팅과 동적라우팅을 지원한다.
라우터란 페이지 이동과 관련된 기능을 가진 객체인데 이를 사용해서 A페이지에서 B페이지로 이동할 수 있다.("B페이지로 라우팅 한다")

import { useRouter } from "next/router";

export default function RoutingPage() {
  const router = useRouter();
  
  const onClickMove = () => {
        router.push('/')
    }

  return(
    <div>
      <button onClick={onClickMove}>
        페이지 이동 </button>
     </div>
    )
}

더 자세한 내용은 -> https://nextjs.org/docs/api-reference/next/router

정적 라우팅이란?

정적라우팅은 직접 경로를 설정을 해주는 것이다.
(로그인 페이지는 누가 언제 접속해도 항상 로그인 페이지가 나온다. -> 하나의 페이지로 하나의 경로만 설정해주면 된다.)

동적 라우팅이란?

다양한 페이지에 대해 자동으로 경로를 바꿔 이동시켜주는 것이다.
예를들어, 게시물 상세보기 페이지는 게시물 번호에 따라 다른 화면이 나타나는데, 이때 수천개의 게시글이 있다면 이 모든 페이지를 정적 라우팅 하기 어려울 것이다. 이때 동적 라우팅으로 효과적으로 처리할 수 있다.

게시글 리스트의 하위 폴더로 대괄호[] 를 이용해 폴더를 만들면, 대괄호 안의 변수명에 따라 그 변수가 가진 데이터를 조회할 수 있다.