SCR, SSR

준영·2022년 6월 9일
0

부트캠프 종료 후..

목록 보기
1/24

SPA(Single Page Application)

  • 하나의 HTML 파일을 기반으로 자바스크립트를 이용해 동적으로 화면의 컨텐츠를 바꾸는 방식의 웹 어플리케이션이다.
  • 필요한 모든 정적 리소스를 최초에 한 번에 다운로드 한다.
  • CSR(Client Side Rendering) 방식으로 렌더링한다고 말한다.

CSR

장점

  • 첫 로딩만 기다리면, 빠르게 렌더링이 되기 때문에, 사용자 경험이 좋다.
  • 서버에서 요청하는 횟수가 훨씬 적기 때문에 서버의 부담이 덜하다.

단점

  • 모든 스크립트 파일이 로드될 때까지 기다려야 한다.

MPA(Multiple Page Application)

  • 사용자가 페이지를 요청할 때마다, 웹 서버가 요청한 UI와 테이터를 HTML로 파싱해서 보여주는 방식의 웹 어플리케이션이다.
  • 새로운 페이지를 요청할 때 마다 정적 리소스가 다운로드 된다. 매번 전체 페이지가 다시 렌더링 된다.
  • SSR(Server Side Rendering) 방식으로 렌더링한다고 말한다.

SSR

장점

  • 초기 로딩속도가 빠르기 때문에, 사용자가 컨텐츠를 빨리 볼 수 있다.

단점

  • 매번 페이지를 요청할 때마다 새로고침이 되기 때문에 사용자 경험이 SPA에 비해서 좋지 않다.
  • 서버에 매번 요청을 하기 때문에 서버의 부하가 커진다.
profile
개인 이력, 포폴 관리 및 기술 블로그 사이트 👉 https://aimzero-web.vercel.app/

0개의 댓글