면접 질문 준비하기 (CSR, SSR, SPA, MPA) - 1

kiyeol·2021년 3월 24일
1
post-thumbnail

렌더링이란? 서버로부터 HTML 파일을 받아 브라우저에 뿌려주는 역할

CSR(Client Side Rendering)

클라이언트가 최초에 서버에 요청을 하면 전체 페이지를 로딩하여 보여주고, 그 이후에 필요에 따라서 데이터를 서버에 요청하는 렌더링 방식이다.

[장점]

  • 빠른 페이지 이동이 가능하다.
  • 서버에 요청하는게 적기 때문에 서버에 부담이 없다.

[단점]

  • 처음에 HTML 파일이 비어있어서 SEO(검색 엔진 최적화)에 문제가 발생한다.
  • 초기 렌더링 속도가 느리다.

SSR(Server Side Rendering)

완전하게 만들어진 HTML 파일을 받아와서 렌더링을 해주는 방식
서버에 각각의 페이지에 대한 요청을 한다.

[장점]

  • SEO(검색엔진 최적화)가 가능하다.
  • 초기 로딩 속도가 빠르다.

[단점]

  • 매번 요청할때 마다 새로고침이 되기 때문에 서버에 부담이 간다.

SPA(Single Page Application)

SPA는 Single Page Application이고, 단 하나의 HTML 문서로만 돌아가는 웹페이지로 사용자에 요청에 따라 내용이 바뀐다.

ex) React

MPA(Multi Page Application)

여러 페이지로 구성된 웹 어플리케이션으로 주로 SSR을 사용한다.
페이지의 링크를 클릭할 때마다 다른 페이지를 로드한다.

profile
kyday63@gamil.com

0개의 댓글