컴퓨터 정보/리액트

라우팅 vs 클라이언트 사이드 라우팅

혜닝혜루 2022. 11. 11. 14:28
728x90
반응형

라우팅이란?💜

: 주소창에 url을 입력했을때 서버에서 요청된 url을 클라이언트에 전달해 주는걸 라우팅이라고 합니다.

서버에서 새로운 데이터를  보내줍니다. 여기서 새로운 데이터란? 화면상  보여지는 HTML을 말해요

우리가 요청을 하면 이전 데이터는 삭제되고 새로운 데이터를 받아오게 됩니다.

새로운 url을 요청하면 그 url에 맞는 데이터를 보내주고 받아오는걸 말합니다.

방문할때마다 url이 업데이트 되면서 브라우저 페이지 전체가 다른 데이터를 받아오는걸 말합니다.


클라이언트  사이드 라우팅 이란?💜

 

새로운 링크를 클릭할때 완전 HTML을 받아오는게  아닌 필요한 데이터만 받아오구요

페이지 전체가  업데이트가 되는게 아니라 부분적으로 업데이트 되는걸 알 수 있습니다.

이전 데이터도 남아있는걸 확인할 수 있어요.

어플리케이션에 필요한 부분만 이걸 보여줬다가 저걸 보여줬다가 합니다.

필요한 데이터가 있으면 부분적으로 동적으로 요청해서 JSON 형태로 받아옵니다.

즉, 페이지는 유지하되 내가 원하는 컴포넌트만 보여줬다 숨겼다 하는것 입니다.

싱글페이지를 유지하며 멀티페이지의 장점을 이용할 수 있습니다.

 

주소를 복사하고 다른페이지 갔다가 다시와도 홈페이지가 아닌 내가 들어갔던 페이지가 나오는걸 알 수 있습니다.

 

728x90