SSR & CSR

YU NA Joe·2022년 7월 19일
0
  1. SSR(Server Side Rendering)
 -  사용자에게 보여질 페이지가 서버에서 완성되어 전달되는 것
 -  클라이언트(브라우저)는 그저 서버로 부터 받아온 정보를 사용자에게 그대로 보여주기만 하면 충분(클라이언트의 성능에 크게 영향을 X)

 - 페이지를 이동할 때마다 서버에 새로운 페이지에 대한 요청을 하는 방식
  1. CSR(Client Side Rendering)
- 사용자에게 보여질 페이지가 클라이언트(브라우저)에서 만들어지는 것
- 서버는 완성된 HTML 파일이 아니라, 이를 만드는데 필요한 스크립트 코드와 관련 정보들을 반환
- 클라이언트는 이를 자체적으로 스크립트를 실행하여 비어있는 HTML 코드들을 완성

- 최초 요청시에 HTML을 비롯해 CSS, Javascript 등 각종 리소스를 받아온다. 이후에는 서버에 데이터만 요청하고, 자바스크립트로 뷰를 컨트롤한다

SSR_Page의 경우 간단하게 span 태그를 찾아서 그 값을 보여주지만, CSR_Page의 경우 서버가 반환하는 내용에는 span 태그가 없기때문에 빈값을 반환한다. 이처럼 CSR 방식의 페이지를 크롤링하기 위해서는, 단순히 응답값을 분석하는 방식으로는 한계가 있다.

즉,
CSR 페이지를 크롤링하는데 실패한 이유는, 클라이언트가 페이지를 완성시키기 전 단계에서 크롤링을 시도했기 때문이다. CSR 방식의 경우, 렌더링이 완료된 이후(브라우저가 동작하고 난 이후)의 단계에서 크롤링을 시도해야한다. 그리고 이는 결국 브라우저 필요하다는 말

0개의 댓글