React Study [#9]

제로초님의 "웹 게임을 만들며 배우는 React"을 보고 학습하는 스터디 입니다.

React Routr

npm을 이용해 react-router, react-router-dom을 설치한다.

특징

• 컴포넌트 기반으로 라우팅 시스템을 설정할 수 있음.
• react router는 존재하는 페이지로 이동하는 것이 아닌 router에서 만들어주는 가상으로 만들어진 페이지로 이동한다.

BrowserRouter와 HashRouterPermalink

BrowserRouter :

• 동적인 페이지에서 주로 구현됨
• 새로고침을 할 때 경로를 찾지 못하는 경우가 생길 수 있음
  - 해결을 위해서는 추가적인 세팅이 필요함

HashRouter :

• url의 hash를 사용한 라우터
• 주소에 #이 들어감
• 새로고침을 해도 URL 싱크가 유지됨