본문 바로가기

CSR2

CSR SSR 단점 보완 방법 정리해보기 지난 시간에 CSR, SSR의 개념과 장단점에 대해서 정리해 보았는데, 그렇다면 이 둘의 단점을 개선하기 위한 방법에는 어떤 것들이 있는지 정리해보려고 한다. CSR 단점 보완 방법 먼저 CSR은 초기 로딩 속도가 느리다는 점과 SEO가 불리하다는 점이 단점이다. 이것을 개선하기 위해서는 다음과 같은 방법들을 이용하여 개선할 수 있다. 1. Code Splitting, Tree-Shaking 이 방법들의 초기 로딩에 필요한 javaScript의 크기를 줄여주어서 로딩 속도를 개선할 수 있도록 만들어준다. Code Splitting은 말 그대로 코드를 쪼갠다는 의미이며, Tree-Shaking은 나무를 흔들어 죽은 나무잎을 떨어트리는 것처럼 사용되지 않는 코드를 제거하기 위해 사용되는 용어이다. CSR의 .. 2022. 11. 20.

CSR SSR 동작 단계 | CSR SSR 개념적 차이, 장단점 사전 개념 정리 CSR과 SSR에 대해 공부하기 전에 알아두어야 하는 사전 지식에 대해 먼저 정리해보려고 한다. 1. MPA와 SPA ▶ MPA (MultiPage Application) 전통적 페이지 Lifecycle, 탭을 이동할 때 (링크 클릭 시) 마다 서버로부터 새로운 HTML 파일을 받아와서 페이지 전체를 새로 렌더링 하는 방식 렌더링 방식으로 SSR을 사용 ▶ SPA (Single Page Application) 하나의 페이지로 구성된 웹 어플리케이션, 페이지가 전체적으로 렌더링 되지 않고 필요한 부분만 동적으로 렌더링 되는 방식 렌더링 방식으로 CSR을 사용 2. SPA 사용까지의 웹의 역사 ▶ 예전 Static Site(정적인 페이지)로 주로 구성되어 있음 방식 서버에 이미 잘 만들어진 .. 2022. 10. 9.

이전 1 다음

티스토리툴바