728x90
Routing이란?
주소창에 uri를 입력했을 때 서버가 요청된 uri에 해당하는 페이지를 전달해 주는 것
동작 순서
클라이언트에서 서버로 페이지 요청 → 서버에서 페이지 전달 → 페이지 전체가 업데이트 됨
Client Side Routing이란?
페이지를 이동할 때 새로운 html을 받아오는 것이 아니라,
각 페이지에서 필요한 데이터를 네트워크 통신(fetch)을 사용해서 필요한 데이터만 받아오는 것
동작 순서
클라이언트에서 서버로 변경되는 데이터 요청 → 서버에서 데이터 JSON 형태로 전달 → 필요한 부분만 업데이트됨
React Router
Client Side Routing을 가능하게 해주는 API
장점
SPA를 유지하면서 멀티 페이지 형태의 장점(uri 경로 변경)을 사용할 수 있다.
- history 사용 가능
- 페이지 변경 시간 감소
- 불필요한 데이터 전달 감소
- uri 설정 가능
참고
반응형
'개발공부 > 웹' 카테고리의 다른 글
| React에서 Context로 다크모드 구현하기 (0) | 2023.05.07 |
|---|---|
| React Immer로 상태관리하기 (0) | 2023.05.05 |
| Reducer로 React에서 상태 관리 하는 방법 (0) | 2023.05.04 |
| 이벤트 델리게이션이란? (0) | 2023.02.14 |
| HTML이 화면에 렌더링 되는 순서 (DOM? CSSOM?) (0) | 2023.02.14 |