기술면접 준비 - SSR 그리고 CSR

SSR

Server Side Rendering의 약자로 웹 페이지를 서버에서 렌더링 하는 것이다. 서버의 URI로 GET 요청을 보내면 서버는 정해진 웹페이지 파일을 브라우저로 렌더링 한다. 

서버 사이드 렌더링을 사용하기 좋은 상황

• 검색 최적화(Search Engine Optimization)가 우선순위인 경우
• 웹 페이지의 첫 화면 렌더링이 빠르게 필요한 경우 (SSR이 단일 파일 용량이 작음)
• 웹 페이지가 사용자와 상호작용이 적은 경우

 

 

 

CSR

Client Side Rendering의 약자로 웹 페이지를 브라우저에서 렌더링 하는 것이다. 브라우저의 요청을 서버로 보내면 서버는 웹 페이지를 렌더링하는 대신 웹 페이지의 단일 페이지와 Javascript 파일을 함께 보낸다. 브라우저는 데이터베이스에 저장된 데이터를 가져와서 웹 페이지에 렌더링 해야 한다. 이때 API를 이용해 웹 페이지 렌더링에 필요한 데이털르 가져온다.

클라이언트 사이드 렌더링을 사용하기 좋은 상황

• 검색 최적화(Search Engine Optimization)가 우선순위가 아닌 경우 
• 사이트에 상호작용이 많은 경우, CSR은 빠른 라우팅으로 사용자 경험이 향상된다.
• 웹 어플리케이션을 제작하는 경우 CSR이 더 빠른 동적 렌더링을 제공한다.