aimzero.log
로그인
aimzero.log
로그인
SCR, SSR
준영
·
2022년 6월 9일
팔로우
0
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에 비해서 좋지 않다.
서버에 매번 요청을 하기 때문에 서버의 부하가 커진다.
준영
개인 이력, 포폴 관리 및 기술 블로그 사이트 👉 https://aimzero-web.vercel.app/
팔로우
다음 포스트
브라우저의 렌더링 과정
0개의 댓글
댓글 작성