react-router

Routing

- 라우트 : 데이터가 이동하는 경로

- 라우터 : 데이터가 이동하는 네트워크 장치

- 라우팅 : 데이터가 어디로 이동해야 할 지 경로를 정해주는 전체 과정

 

* @6 : 버전 => 참고자료 검색 시 라우터 버전 일치하는 지 확인해야 함

package.json에서 버전 확인 가능

설치 방법 : npm install react-router-dom@6

 

router 사용 시 주의

1. 페이지 변경 시에도 항상 노출되어야 하는 영역의 경우 Routes영역 바깥에 작성

2. 페이지 이동 위해 a태그 사용 가능함 하지만 a태그 클릭 시 문서 전체가 새로고침 됨

=> SPA 장점 활용 X

그래서 라우터 사용한 페이지 전환은 a태그 사용 X