router basics

Routes와 element는 URL별 화면 선택표를 만든다

Route는 어떤 URL에서 어떤 element를 보여줄지 선언하고, Link는 브라우저 새로고침 없이 URL을 바꾼다.

BrowserRouter history 연결
Routes 후보 route 평가
Route path URL 패턴
element 선택된 화면
도구
맡는 일
흔한 실수
Link
앱 내부 이동
a 태그로 전체 새로고침
Route
URL과 화면 연결
path 오타
element
렌더 대상
element={Page()} 사용
Navigate
이동 명령
렌더 중 무한 이동
핵심 React Router 기본은 URL 변경, route 매칭, element 렌더의 세 단계를 구분하는 것이다.