✅ CSR (client side rendering)
Client Side Rendering
렌더링이 클라이언트 쪽에서 일어남
( 서버가 요청 받음 => 클라이언트에 HTML과 JS 보냄 =>
클라이언트가 받아 렌더링 시작)
✔ Single page application: csr방식 채택
- 사용자가 첫 화면을 보기까지 시간이 오래 걸릴 수 있음
- seo(search engine optimization)가 느린 편
✅ SSR (server side rendering)
Server Side Rendering
서버 쪽에서 완전히 만들어진 html 파일을 받아와
페이지 전체를 렌더링하는 방식
✔ Multi page application: ssr방식 채택
- 웹사이트 접속 => 서버 쪽에서 완전히 만들어진 html 파일 + 동적으로 제어할 수 있는 소스코드를 함께 클라이언트에 전송
- 빠른 초기 로딩: 사용자가 기다리는 시간 적음
- 모든 컨텐츠가 html에 담겨있어 조금 더 빠른 seo(검색엔진 최적화) 가능
- But, 요청시마다 새로고침 -> blinking(깜박임 현상) 있음
- But, 서버 과부화 걸리기 쉬움
(특히 사용자가 많은 제품일수록 사용자가 클릭할 때마다 서버에 요청해서 서버에 필요한 데이터를 가져와야 하기 때문)
✨Reference
