# MainPage 만들기

# PostWritePage 만들기

# PostViewPage 만들기

react-router-dom v6
라우팅 : 사용자를 원하는 곳으로 보내는것

<BrowserRouter>
  	<Routes>
      <Route index element={<MainPage />} />
      <Route path="places" element={<PlacePage />} />
      <Route path="games" element={<GamePage />} />
    </Routes>   
</BrowserRouter>

history를 이용해서 브라우저를 탐색하게 하는 것

path : 경로
element : 경로가 일치할 경우 렌더링할 리엑트 앨리먼트

사용자가 새로운 경로를 입력하거나
웹사이트 내에서 경로가 이동하게 되면
Route중에 가장 일치하는 경로를 찾아 앨리먼트를 반환

useNavigate() 훅 : 페이지간의 이동,

function SampleNavigate(props) {
  const navigate = useNavigate();
 
  const moveToMain = () => {
    navigate("/");
  }
 
  return (
    ...
  );
}

리액트 라우트 돔