SSR, CSR, SPA, SEO

SSR이란?

• Server Side Rendering
• 서버에서 사용자에게 보일 페이지(html, css, js)를 구성한 다음에 클라이언트에게 내려준다
• 페이지를 계속 렌더링 받아서 보여줘야하기 때문에 초반 로딩은 빠르지만 그 후로는 느리다.
  
  

CSR이란?

• Client Side Rendering
• 최초요청시 html, css, js 파일을 받고 그다음부터는 서버에서는 필요한 데이터만 받아 자바스크립트단에서 View를 컨트롤한다.
• 초반 로딩은 느리지만 두번째 로딩부터는 서버에서 필요한 데이터만 내려받기 때문에 빠르다.

 

SPA이란?

• Single Page Application
• 한 개의 페이지를 가진 애플리케이션
• 초기 렌더링 후 데이터만 받아오면 되기 때문에 개발에 용이하다. 
• 기본적으로 SPA는 CSR이지만 SPA === CSR은 아니다.

 

SEO이란?

• Search Engine Optimization
• 검색 엔진 최적화 
• 검색할 때 검색 순위, 내용 등을 최적화하는 엔진

 

SPA의 SEO문제

• SPA 초반에 렌더링이에서는 html, css, js를 받을 때는 아무런 내용이 들어가지 않는다. 그래서 검색엔진이 빈 페이지로 인식해 검색이 안될 수 있다. 
• 하지만 SPA의 문제라기보다는 SEO(검색엔진)의 문제이다. 구글은 js를 인식할 수 있어서 크게 문제 되지 않는다. 
• 네이버, 다음 검색 엔진 등은 자바스크립트를 인식하지 못해서 빈 페이지로 인식한다.