WEB/Vue.js

[Vue.js][Router] 1. SSR에서의 Routing, CSR에서의 Routing

bay07 2024. 5. 4. 20:47

▶ Routing

네트워크에서 경로를 선택하는 프로세스

웹 어플에서 다른 페이지 간의 전환과 경로를 관리하는 기술 

 

SSR에서의 Routing CSR에서의 Routing
SSR에서 routing은 서버 측에서 수행

서버가 사용자가 방문한 URL 경로를 기반으로 응답을 전송

링크를 클릭하면 브라우저는 서버로부터 HTML 응답을 수신하고 새 HTML로 전체 페이지를 로드함

* 참고 
장고에서는 urls.py 에서 관리를 했음 
CSR에서 routing은 클라이언트 측에서 수행

클라이언트 측 JavaScript가 
새 데이터를 동적으로 가져와 
전체 페이지를 다시 로드하지 않음 

--------------------
클라이언트 측에서 경로를 관리 
근데 지금은 하나의 페이지에서 새로고침 없이 
특정 부분만 바뀌고 있다. 

 

▶ SPA에서 Routing이 없다면 

유저가 URL을 통한 페이지의 변화를 감지할 수 없음

페이지가 무엇을 렌더링 중인지에 대한 상태를 알 수 없다 
(URL이 고정되어 있기 때문에)
- URL이 1개이기 때문에 새로 고침 시 처음 페이지로 돌아간다
- 링크를 공유한다면, 첫 페이지만 공유가 가능하다

브라우저의 뒤로 가기 기능을 사용할 수 없다
(URL이 고정되어 있기 때문에
페이지는 1개이지만, 
주소에 따라 여러 컴포넌트를 새로 렌더링하여
마치 여러 페이지를 사용하는 것처럼 보이도록 해야 함