터미널에 npm install react-router-dom@6
입력
index.js → import { BrowserRouter } from "react-router-dom";
→ <BrowserRouter> <App / > </BrowserRouter>
import { BrowserRouter } from 'react-router-dom';
<BrowserRouter>
<App />
</BrowserRouter>
⇒ APP이라는 친구에 대해서 라우팅을 사용할거야 !
App.js → import { Routes, Route } from "react-router-dom";
<Routes>
안에 <Route path=”” element={}></ Route>
넣기
a href
대체useNavigate
사용Link
와 다른 점: 함수 호출을 통해 페이지를 이동 → 특정 조건을 충족해야만 페이지 이동을 하도록 할 수 있음+)
module.css 를 써야 class 가 같은 css 전체적용 방지할 수 있을듯.