SSR
-
[Front End] CSR과 SSR의 차이가 뭘까요?Front End 2022. 4. 11. 18:24
웹 프론트엔드를 공부하다 보면 CSR과 SSR 한 번쯤은 들어보셨을 겁니다! 저 또한 React를 공부하며 CSR과 SSR, SPA 등등에 대해 알아보게 되었는데요. 그러면 오늘은 CSR과 SSR에 대해 알아보겠습니다! CSR과 SSR의 차이를 알아보기 전에 일단 각각의 특징과 장점에 대해 알아볼 텐데요. 일단 CSR 먼저 알아보겠습니다. CSR Client Side Rendering의 약자로 SSR과 달리 클라이언트 측에서 렌더링이 일어납니다. 위 사진은 CSR 단계를 설명하는데요. 1. 유저가 웹사이트에 요청을 보내요. 2. CDN이 HTML 파일과 JS로 접근할 수 있는 링크를 클라이언트로 보내요. 3. 클라이언트는 HTML과 JS를 다운로드하여요. (이때 SSR과 달리 유저는 아무것도 볼 수 없어..