✍🏻 React Router

SPA & Routing

• SPA는 하나의 페이지를 가지고 있지만 한 종류의 화면만 사용하지는 않는다
• 화면에 따라 "주소"가 달라진다. "경로에 따라 변경한다"라는 의미로 라우팅(Routing)이라고 한다
• React 자체에는 이 기능이 내장되어 있지 않다. React SPA에서는 라우팅을 위해 React Router라는 라이브러리를 사용
  

React Router 주요 컴포넌트

router	route matchers	route changers
<BrowserRouter>	<Switch>	<Link>
	<Route>

• 라우터 역할을 하는 BroeserRouter
• 경로를 매칭해주는 Switch와 Route
• 경로를 변경하는 역할 Link

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

React Router 사용 환경 세팅

• react-router 라이브러리 설치
  somthing 폴더에 설치
  npx create-react-app something
cd somthing
  react-router 라이브러리 설치
  npm install react-router-dom