CSR? SSR?

CSR과 SSR의 차이

 

차이점 : 서버에서 웹페이지를 렌더링 하는가, 클라이언트(브라우저)에서 렌더링 하는가의 차이입니다. 

 

참고 자료 

SSR이란 단어 그대로 서버에서 렌더링 작업을 하는것을 의미합니다. 기존에 존재하던 방식으로 사용자가 웹페이지에 접근할 때 서버에서 페이지에 대한 요청을 하며 서버에서는 html, view와 같은 리소스들을 어떻게 보여질지 해석하고 렌더링하여 사용자에게 반환합니다.

 

CSR이란 최초에 1번 서버에서 전체 페이지를 로딩하여 보여주고 이후에는 사용자의 요청이 올 때마다, 리소스를 서버에서 제공한후 클라이언트가 해석하고 렌더링을 하는 방식입니다.

 

각각의 장단점:

초기 구동 속도	느림	빠름
인터렉션 속도	빠름	느림
렌더링 주체	client	server
서버 부하	data 요청만 서버에 하기 때문에 부담이 적다	서버와 잦은 응답 때문에 부담이 크다
SEO(Search Engine Optimization)	HTML 파일이 비어 있어, 데이터를 수집할 수 없다	HTML에 대한 정보가 처음에 있어, 데이터를 수집할 수 있다