서버 사이드 렌더링과 클라이언트 렌더링

hyun·2021년 12월 21일
0

server-side rendering

서버에서 웹브라우저가 출력할 화면을 HTML로 만들어 보내는 것을
"서버측 렌더링(server-side rendering)"이라 부른다.

-클라이언트 사이드 또는 유니버셜 앱 HTML을 서버를 통해 렌더링

장점

  • 검색 엔진 SEO에 최적화
  • 초기 화면 로딩이 빠름
  • 정적인 사이트에 좋음

단점

  • 잦은 서버 요청
  • 전체적으로 느린 페이지 렌더링
  • 모든 페이지를 리로딩
  • 사이트 상호 작용의 부족

*주로 기업에서 server-side rendering을 선호한다

client rendering

HTML을 변경하거나 삭제해서 화면을 출력하는 것을
"클라이언트측 렌더링이라고 한다

-주로 DOM을 사용하여 브라우저에서 렌더링

장점

  • 사이트 상호 작용 활발
  • 초기 로딩 이후 빠른 웹사이트 렌더링
  • 웹애플리케이션에 좋음
  • 자바스크립트 라이브러리 활용

단점

  • 제대로 구현하지 않을 경우 SEO가 취약함
  • 초기 로딩에 더 많은 시간이 걸림
  • 대부분의 경우 추가적인 라이브러리를 필요로 함

     
    SEO(검색 엔진 최적화)란?
    검색 엔진으로부터 웹사이트나 웹페이지에 대한 웹사이트 트래픽의 품질과 양을 개선하는 과정이다
    웹 페이지 검색엔진이 자료를 수집하고 순위를 매기는 방식에 맞게 웹 페이지를 구성해서 검색 결과의 상위에 나올 수 있게 한다

profile
초보 개발자

0개의 댓글