1. React Router

라우팅(Routing) : 다른 주소에 따라 다른 뷰를 보여주는 과정(경로에 따라 변경한다)

react에는 이 기능이 내장되어 있지 않기 때문에 React Router라는 라이브러리를 사용

npm install react-router-dom

2. React Router 주요 컴포넌트

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

1.BrowserRouter BrowserRouter : 가장 밖에 있어야함 , (모든 길을 관리)

<BrowserRouter></BrowserRouter>

React router의 특성상 exact속성이 없으면 해당 경로로 시작하는 중복된 <Route> 컴포넌트를 모두 보여줌 exact는 주어진 경로와 정확히 일치해야만 설정한 <Route> 컴포넌트를 보여주는 역할

2.Switch : 무슨 route로 갈지 정해줌, 여러 route를 감싸서 그 중 경로가 일치하는 단 하나의 라우터만 렌더링 시켜주는 역할<Switch>를 사용하지 않으면 매칭되는 모든 요소를 렌더링함

ex)

<switch><route></route></switch>

Route :이 길로 가면.. 뭐가 나온다 , <Route path=“주소”>사용자가 요청하는 주소에 따라 다른 컴포넌트를 보여줌

route matchers 경로를 매칭

3.nav : 어떤경로를 선택할 것인가 Link : 경로선택

Route changers 경로를 변경 <Link> 의 to 속성을 활용하여 Route 컴포넌트에 설정해준 path 주소를 연결( a태그와 비슷한 역할)