React Router 란?

Routing이란?

주소창에 uri를 입력했을 때 서버가 요청된 uri에 해당하는 페이지를 전달해 주는 것

동작 순서

클라이언트에서 서버로 페이지 요청 → 서버에서 페이지 전달 → 페이지 전체가 업데이트 됨

Client Side Routing이란?

페이지를 이동할 때 새로운 html을 받아오는 것이 아니라,
각 페이지에서 필요한 데이터를 네트워크 통신(fetch)을 사용해서 필요한 데이터만 받아오는 것

동작 순서

클라이언트에서 서버로 변경되는 데이터 요청 → 서버에서 데이터 JSON 형태로 전달 → 필요한 부분만 업데이트됨

React Router

Client Side Routing을 가능하게 해주는 API

장점

SPA를 유지하면서 멀티 페이지 형태의 장점(uri 경로 변경)을 사용할 수 있다.

• history 사용 가능
• 페이지 변경 시간 감소
• 불필요한 데이터 전달 감소
• uri 설정 가능

참고

React Router 공식 사이트