etc
[CS] SPA 렌더링 전략과 렌더 과정(CSR, SSR, SSG)
1. SPA(Single Page Aplication) SPA는 하나의 HTML 페이지로 구성되는데 서버로부터 완전한 새로운 페이지를 불러오지 않고 JavaScript를 사용해서 필요한 부분만 동적으로 업데이트하여 페이지의 일부분만 다시 그릴 수 있다. 이를 통해 빠른 응답속도와 화면 깜빡임이 없이 사용자 경험을 향상시킨다. SPA에서 웹 애플리케이션에 콘텐츠를 화면에 그리거나 접근 하는 방식으로는 CSR, SSR, SSG가 있다. 2. CSR(Client-Side Rendering) CSR은 가장 일반적인 렌더링 전략으로 React, Angular, Vue.js 와 같은 프레임워크에 사용되며 말 그대로 클라이언트(브라우저)에서 랜더링이 이루어지며 초기 요청 시 서버는 빈 HTML 문서를 제공한다. 이후..
2023. 6. 24.