13-1. 라우팅이란?

웹 애플리케이션을 만들 때, 프로젝트를 하나의 페이지로 구성할 수도 있고, 여러 페이지로 구성할 수도 있다.

• 이전에 만들었던 일정 관리 애플리케이션은 하나의 페이지로도 충분하다.

• 블로그 애플리케이션은 여러 페이지로 구성되어 있다.

  • 글쓰기 페이지 : 새로운 포스트를 작성하는 페이지
  • 포스트 목록 페이지 : 블로그에 작성된 여러 포스트의 목록을 보여주는 페이지
  • 포스트 읽기 페이지 : 하나의 포스트를 보여주는 페이지

여러 페이지로 구성된 웹 애플리케이션을 만들 때, 페이지 별로 컴포넌트들을 분리해가면서 프로젝트를 관리하기 위해 필요한 것이 라우팅 시스템이다.

• 라우팅이란 사용자가 요청한 URL에 따라 알맞은 페이지를 보여주는 것을 의미한다.

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

1. 리액트 라우터(React Router)

   1. 리액트의 라우팅 관련 라이브러리들 중에서 가장 많이 사용되고 있다.
   2. 컴포넌트 기반으로 라우팅 시스템을 설정할 수 있다.

2. Next.js

   1. 리액트 프로젝트의 프레임워크다.

   2. 파일 경로 기반으로 라우팅 시스템을 설정할 수 있다.

   3. 다양한 기능을 제공한다.

      ex) 리액트 프로젝트 설정 기능, 라우팅 시스템, 최적화, 다국어 시스템 지원, 서버 사이드 렌더링 등

   4. 리액트 라우터의 대안으로 많이 사용되고 있다.