React router DOM

React router DOM = 리액팅을 위한 라우팅 라이브러리

(라우팅은 경로, 노선 이라는 뜻을 가지고있음.)

리액트 컴포넌트 형태로 제공함.

아래는 예시코드.

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

이 React router DOM은 웹브라우저에서 라우팅하게 해줌.

뒤로가기는 히스토리를 이용하면 된다.

이 브라우저 라우터 컴포넌트는 히스토리를 이용한다.

라우트 컴포넌트는 여러개의 라우터를 쓸 수 있게하기 위해 자식요소를 가짐

라우트 컴포넌트는 패스는 경로를 의미하고, 이 경로가 일치할 경우 엘리먼트 한다