Router 라이브러리를 사용한 React의 라우팅

이번 섹션에서는 웹 애플리케이션을 만들 때 매우 흥미롭고 중요한 부분인 라우팅을 소개합니다. 바로 라우팅 덕분에 사용자는 작업이나 전송되는 요청에 따라 여러 웹 페이지 사이를 이동할 수 있습니다.

본 튜토리얼에서 우리는 외부 라이브러리인 React Router를 사용하여 라우팅이 있는 React 애플리케이션을 만드는 방법을 알아볼 것입니다.

React Router를 사용하면 클라이언트 측(즉, 브라우저에서)과 서버 측 모두에서 라우팅을 작업할 수 있습니다. 이를 통해 전체 페이지를 새로 고치지 않고(즉, 서버에 추가 요청 없이) 탐색을 사용하는 복잡한 단일 페이지 웹 애플리케이션을 만들 수 있으며, 브라우저 기록(뒤로 가기 화살표)과도 함께 작동합니다.

React Router는 컴포넌트 기반 접근 방식을 기반으로 하는 아키텍처를 사용합니다. 따라서 이 라이브러리를 사용하면 React 애플리케이션의 여러 컴포넌트 사이를 탐색하고, 브라우저에서 URL을 변경하며, 애플리케이션 상태와 URL의 동기화를 유지할 수 있습니다.