[React] React Router

라우팅

웹 어플리케이션에서 라우팅이라는 개념은 사용자가 요청한 URL에 따라 알맞는 페이지를 보여주는 것을 의미한다.

 

리액트에서 라우트 시스템을 구축하기 위해서 사용할 수 있는 방법은 크게 두가지가 있다.

• 리액트 라우터(React Router)
  • 리액트의 라우팅 관련 라이브러리 중 가장 오래됐고, 가장 많이 사용한다. 이 라이브러리는 컴포넌트 기반으로 라우팅 시스템을 설정할 수 있다.
• Next.js
  • 리액트 프로젝트의 프레임워크다. Next.js는 사용했던 Create React App처럼 리액트 프로젝트 설정을 하는 기능, 라우팅 시스템, 최적화, 다국어 시스템 지원, 서버 사이드 렌더링 등 다양한 기능들을 제공한다.
  • Next.js 라우팅 시스템은 파일 경로 기반으로 작동한다. Next.js는 리액트 라우터의 대안으로 많이 사용된다.

라우팅 관련 기능을 리액트 라이브러리에서 공식적으로 지원하는 것이 아니라 써드 파티로서 제공되기 때문에, 이 외에 react-location, rakkas 등이 존재한다.

 

리액트 라우터를 사용하면 손쉽게 리액트 라우터로 싱글 페이지 어플리케이션 (SPA: Single Page Application)을 만들 수 있다.

 

출처: https://velog.io/@velopert/react-router-v6-tutorial#61-usenavigate