▶ Routing
네트워크에서 경로를 선택하는 프로세스 웹 어플에서 다른 페이지 간의 전환과 경로를 관리하는 기술 |
SSR에서의 Routing | CSR에서의 Routing |
![]() |
![]() |
SSR에서 routing은 서버 측에서 수행 서버가 사용자가 방문한 URL 경로를 기반으로 응답을 전송 링크를 클릭하면 브라우저는 서버로부터 HTML 응답을 수신하고 새 HTML로 전체 페이지를 로드함 * 참고 장고에서는 urls.py 에서 관리를 했음 |
CSR에서 routing은 클라이언트 측에서 수행 클라이언트 측 JavaScript가 새 데이터를 동적으로 가져와 전체 페이지를 다시 로드하지 않음 -------------------- 클라이언트 측에서 경로를 관리 근데 지금은 하나의 페이지에서 새로고침 없이 특정 부분만 바뀌고 있다. |
▶ SPA에서 Routing이 없다면
유저가 URL을 통한 페이지의 변화를 감지할 수 없음 페이지가 무엇을 렌더링 중인지에 대한 상태를 알 수 없다 (URL이 고정되어 있기 때문에) - URL이 1개이기 때문에 새로 고침 시 처음 페이지로 돌아간다 - 링크를 공유한다면, 첫 페이지만 공유가 가능하다 브라우저의 뒤로 가기 기능을 사용할 수 없다 (URL이 고정되어 있기 때문에 |
페이지는 1개이지만, 주소에 따라 여러 컴포넌트를 새로 렌더링하여 마치 여러 페이지를 사용하는 것처럼 보이도록 해야 함 |
'WEB > Vue.js' 카테고리의 다른 글
[Vue.js][Router] 3. Basic Routing (0) | 2024.05.04 |
---|---|
[Vue.js][Router] 2. Vue Router (0) | 2024.05.04 |
[Vue.js][Router] 0. 목차 (0) | 2024.05.04 |
[Vue.js][Component State Flow] 10. emit 이벤트 활용 (0) | 2024.05.04 |
[Vue.js][Component State Flow] 9. 이벤트 전달 (0) | 2024.05.04 |