SSR과 CSR 개념은 사실 이해하기 간단해서 그렇게 줄줄이 나열해서 작성하기보다 아래와 같이 정리해서 보는 게 더 편할 것 같다.
SSR
- Server Side Rendering
- 서버로부터 완전하게 만들어진 HTML 파일을 받아와 페이지 전체를 렌더링하는 방식
- 장점: SEO 최적화/ 최초 페이지 렌더링 속도가 빠름
- 단점: 화면 깜빡임/ 서버 부담
CSR
- Client Side Rendering
- 최초 로딩시 HTML을 비롯한 CSS, javascript 등 각종 리소스들을 받아와 자바스크립트를 통해 동적으로 렌더링 하는 방식
- 장점: 필요한 부분만 데이터를 요청해 받아오기 때문에 서버 부담이 낮고 페이지 전환이 빠름
- 단점: 최초 로딩이 오래 걸림/ SEO 문제
'Random' 카테고리의 다른 글
| 메모리 누수란 무엇이고 어떻게 해결할까 (0) | 2022.04.06 |
|---|---|
| MVC 모델이란 (0) | 2022.03.29 |
| [CORS] CORS 뽀개기 (0) | 2022.03.25 |
| [Big O] 데이터 크기에 따른 시간 복잡도 (0) | 2022.03.24 |
| 자바스크립트 파일을 브라우저에 한번에 로딩하면 어떻게 될까? (0) | 2022.03.19 |
