[React] 17. FRONT-END SETUP: Router, Not Found Page

React Router DOM

- React 애플리케이션 내에서 클라이언트 측 라우팅을 구현할 수 있도록 도와주는 라이브러리

- 이 라이브러리를 사용하면 단일 페이지 애플리케이션(SPA)에서 URL을 기반으로 서로 다른 컴포넌트와 뷰를 렌더링할 수 있음

- React Router는 사용자가 애플리케이션 내에서 네비게이션할 때 페이지를 새로고침하지 않고도 URL 경로에 따라 화면을 전환할 수 있도록 해 줌

 

 

Root component 만들기: 앱의 모든 화면의 parent 

1) src > components > Root.tsx 파일 생성 

2) src > router.tsx 파일 생성 

---

Chakra를 이용하여 간편하게 생성