SSR과 CSR

인터넷을 하다 보면 매우 훌륭한 웹사이트들이 많다. 어떻게 만들어져 있는지 궁금할 때도 있지만 일반적으로는 그것보다는 콘텐츠 내용의 소비에 집중을 하게 된다.

 

하지만 개발자 입장에서 본다면 매우 많은 수고와 기술이 들어가 있다고 볼 수가 있다.

 

그중 하나인 ssr과 csr에 대해서 알아봐야겠다.

 

 

CSR

csr 같은 경우는 일반적으로 생각할 수 있는 홈페이지 구동 방식이다. 서버에서 html과 css, javascript 코드를 불러와서 웹브라우저에서 렌더링을 진행하여 화면에 콘텐츠를 띄운다. 콘텐츠의 내용에 따라서 컴퓨터 성능에 영향을 받을 가능성이 크다. 특히 javascript 코드가 콘텐츠를 어떻게 변화시키냐에 따라 표시 속도가 결정된다. 그리고 html의 구조를 javascript에서 수정 및 생성한다면 검색엔진의 seo에 부정적인 영향을 받을 수 있다. 검색엔진은 javascript 실행 전 html을 읽기 때문이다.

 

 

SSR

 

ssr은 javascript 코드가 사용자의 컴퓨터가 아니라 서비스를 제공하는 서버에서 작동하여 html과 css를 사용자의 컴퓨터에 전달한다. 그렇기 때문에 상대적으로 사용자의 컴퓨터 성능에 영향을 덜 받는다. 검색엔진 입장에서도 javascript 작동 후 변환된 html을 보고 분석하기 때문에 csr에 비해서 더 훌륭한 페이지로 인식할 가능성이 크다.

 

 

그래서 홈페이지를 만들 때는 이 두 가지 사항을 고려하는 것도 중요하다고 볼 수가 있다.