서버사이드 렌더링 (CSR/SSR)

서버사이드 렌더링(SSR)

• 서버에서 html을 렌더링해서 브라우져에 전달해 주는것
• 서버에서 완성된 페이지를 한번에 브라우저에게 전달해서 사용자가 원하는 페이지를 보여주는 것이다.
• 완성된 페이지를 보여준다는 장점이 있지만 그렇기때문에 서버사이드에서 렌더링이 늦어지면 그만큼 페이지를 리턴하는 속도가 느려지고 사용자가 멍때리고 기다리는 시간이 늘어난다는 뜻이기도 하다.

클라이언트 사이드 렌더링(CSR)

• 브라우저가 html을 렌더링해서 사용자에게 보여주는것
• 서버에서 자바스크립트와 Css만 받아와서 자바스크립트를 사용해서 렌더링을 해주는 것이다.
• 클라이언트 사이드는 사이트가 커질 수 록 혹은 자바스크립트 렌더링 속도가 늦을수록 사용자가 빈 화면을 보게 되는 단점이 있다.

SSR vs CSR

사실 뭐가 더 좋다라는 정답은 없다고 합니다. 상황에 따라서 그리고 서비스특성에 따라서 이 두가지 개념을 이해하고 상황에 맞는 방법을 선택하는 것이 좋습니다.

• 최근에는 ssr과 csr을 다 적절히 합쳐서 사용자에게 빨리 보여줘야할 부분은 CSR로 처리를 하고 사용자가 미리 렌더링된 페이지를 구경하는동안 서버사이드에 나머지 돔들을 렌더링해서 브라우져에게 전달해주는 방식도 나왔다고 합니다.