라우팅 라우터 라우트

쏘뽀끼·2024년 7월 30일

Next.js

목록 보기
6/18

라우팅

  • 사용자가 요청한 URL에 따라 어떤 페이지를 보여줄지를 결정하는 과정

  • Next.Js는 앱라우팅/페이지 라우팅을 사용하여 URL 경로와 페이지 파일을 직접 연결한다.

  • 예를 들어서 사용자가 '/about'경로를 입력하면, Next.Js는 해당 경로와 맞는 페이지를 표시한다.

라우터

  • 라우팅을 관리하고 처리하는 기능을 제공하는 도구

  • Next.Js에서 페이지 라우터는 'next/router', 앱 라우터는 'next/navigation'가 라우터 관리 도구이다.

  • 페이지 라우터: next/router 모듈을 사용하여 페이지 간의 이동을 관리합니다.

  • 앱 라우터: next/navigation 모듈을 사용하여 애플리케이션 전반의 라우팅을 관리합니다.

  • 해당 도구에서 제공하는 여러가지 훅, 컴포넌트를 사용해 페이지를 탐색한다.

  • 일반적으로 라우터는 사용자의 URL을 해석하고 해당 URL에 맞는 컴포넌트를 렌더링 한다.

라우트

  • 라우트는 URL과 특정 컴포넌트 간의 매핑을 나타낸다.

  • 라우트는 일반적으로 페이지의 경로와 해당 경로에 표시할 컴포넌트를 정의하는 데 사용된다.

  • 리엑트에서는 router/index.ts 파일에서 루트를 정의했다.

0개의 댓글