SPA

• 싱글 페이지 애플리케이션(single-page application)
• 페이지 전체 로딩 x
• 업데이트가 필요한 부분만 새로 불러옴

Routing

• 다른 주소에 따라 다른 뷰를 보여주는 과정

xx.com/
xx.com/mypage
xx.com/notification

React Router

• React SPA에서 라우팅을 위해 사용하는 라이브러리

1. BrowserRouter
2. Switch
3. Route: path='/', 기본값만 exact 넣기
4. Link: to='/

세팅

1. react-router 라이브러리 설치
   install react-router-dom@5.3.0

2. App.js로 react-router 컴포넌트 꺼내오기
   import { BrowserRouter, Switch, Route, Link } from "react-router-dom"

3. BrowserRouter

function App() {
  retrun (
    <BrowserRouter>
   	  <Link to='/'>Home</Link>
      // 생략
    
      <Switch>
        <Route exact path='/'>
          <Home />
        </Route>
      </Switch>
    </BrowserRouter>
  )
}