라우터를 설치한다. npm install react-router-dom
BrowserRouter로 App.js의 컴포넌트 전체를 감싼다.
url에 따라 각각 다른 페이지로 보여주고 싶은 컴포넌트들을 Switch로 감싼다.
Switch 안의 컴포넌트들을 원하는 주소(path="/...")에 따라 각각 Route로 감싼다.
Route의 path="/..."에 경로를 넣는데, 메인 페이지는 "/". 주소의 파라미터에 따라 '다이나믹하게' 다른 페이지들을 보여주고 싶으면 "/:변수" (예: "/pages/:id")
일반 html에서는 a태그로 감싸서 링크를 나타낸다면, 리액트 라우터에서는 Link 태그로 감싼다.
<Link to="/about">About</Link>