React # Router

📝오늘 배운 내용

오늘은 React에서 유용하게 사용할 수 있는 Router에 대해 알아보았다.
우리는 어떤 웹 페이지를 만들었을 때 여러가지의 화면이 필요할 수 있다.
여러가지의 화면을 보여주고 싶을 때 화면마다 주소가 다를 것이다.
다른 주소에 따라 다른 화면을 보여주는 것을 바로 Routing이라고 한다.
하지만 React자체에는 이 기능이 내장되어 있지 않아서 React Router라는
라이브러리를 사용하는 것이다.

React Router의 주요 컴포넌트

React Router의 주요 컴포넌트는 크게 3가지로 나눌 수 있다. 라우터 역할을 하는 BrowserRouter,
경로를 매칭해주는 Switch와 Route, 그리고 경로를 변경하는 역할을 하는 Link가 있다.
이 컴포넌트들을 사용하기 위해서는 React Router 라이브러리에서 따로 불러와야 한다.

import { BrowserRouter,Switch,Route,Link } from "react-router-dom"

React Router 라이브러리 설치 명령어는 아래와 같다.

npm install react-router-dom