웹 랜더링 방식(SSR, CSR)

브라우저에 보여지는 화면을 어디서 랜더링을 하냐에 따라 SSR, CSR로 나뉜다.

SSR (Server Side Rendering)

ssr은 서버에서 html을 만들어서 클라이언트로 뿌려주는 방식으로 정적인 화면에 주로 사용한다.

장점

• SEO(검색엔진 최적화) 가능
• 빠른 초기 로딩 속도
• 낮은 자바스크립트 의존도

단점

• 잦은 서버 요청
• CSR대비 상대적으로 느린 속도
• 모든 페이지 새로고침
• 사이트 간 상호작용 어려움

 

CSR (Client Side Rendering)

csr은 서버에서 html과 static 파일을 받아오면 사용자의 요청에 따라 자바스크립트를 통해 동적으로 클라이언트에서 랜더링 하는 방식이다.

장점

• 사이트 상호작용 활발
• 초기로딩 이후 렌더링이 빠름
• 웹앱에 유용
• 자바스크립트의 다양한 라이브러리(React)

단점

• SEO 취약
• 느린 초기 로딩 속도
• 추가적인 라이브러리들 필요