SSR과 CSR 비교해봄

SSR과 CSR이란?

SSR(Server Side Rendering)

서버에서 웹페이지를 렌더링합니다

 

CSR(Client Side Rendering)

클라이언트에서 웹페이지를 렌더링합니다

 

 

SSR과 CSR 차이점

SSR과 CSR의 차이점은 페이지가 렌더링되는 위치입니다. 

이 중 CSR은 브라우저(클라이언트)에서 페이지를 렌더링합니다. CSR은 사용자가 다른 경로를 요청할대마다 페이지를 새로고침하지 않고,

동적으로 라우팅을 관리합니다

 

SSR 사용

• SEO(겅색엔진최적화)가 우선순위인 경우
• 웹페이지가 사용자와 상호작용이 적은경우
• 웹페이지 첫화면 렌더링이 빠르게 필요한 경우 (단일파일, 용량이 작은 SSR이 적합)
• 예시 :네이버 블로그, 뉴욕타임즈

 

CSR 사용

• SEO(겅색엔진최적화)가 우선순위가 아닌 경우
• 웹페이지가 사용자와 상호작용이 많은경우 (CSR은 빠른 라우팅으로 강력한 사용자 경험을 제공함)
• 더 나은 사용자 경험 제공
• 예시: 아고다