[React.js] Router 사용 / react-router-dom

라우터란 여러가지 페이지를 url을 통해서 구분지어 사용할 수 있게 해주는 것이다.

여러가지 종류가 있다고 하는데, "react-router-dom"을 사용해보았다.

 

1. 설치

npm i react-router-dom 

명령어를 통해 간단히 사용 가능하다.

 

2. 사용

라우터 중에서도 HashRouter를 사용해 보았고, 다음과 같이 url에 따라 두 가지 컴포넌트를 가져와 사용할 수 있다.