강의 개요

React Router는 React 애플리케이션에서 클라이언트 측 라우팅을 관리하는 라이브러리입니다.

<aside> 💡 라우팅이란?

라우팅은 웹사이트에서 사용자가 어떤 페이지로 이동할지를 정하는 것입니다. 마치 책의 목차처럼, 사용자가 클릭하면 그 내용으로 이동할 수 있게 하는 것이죠.

예를 들어, 우리가 블로그 웹사이트에 있다고 가정해보면, "홈페이지", "글 목록", "글 상세보기" 같은 여러 페이지가 있을 거예요. "홈페이지"를 누르면 홈페이지 내용이, "글 목록"을 누르면 글 목록이 나타나는 식으로 페이지가 바뀌죠.

리액트 라우터를 사용하면, 이러한 페이지 간 이동을 쉽게 관리할 수 있어요. 사용자가 주소창에 /home이라고 입력하거나 "홈" 버튼을 클릭하면, 우리가 설정한 "홈" 페이지가 화면에 보이도록 해주는 역할을 합니다. 쉽게 말해, 주소에 따라 웹사이트에서 보여줄 내용을 정리하는 것이 바로 라우팅입니다.

</aside>

클라이언트 측 라우팅 이란

설치

npm install react-router-dom
npm install react-icons --save

실습 - ReactRouter 설정

실습 - Routing