SPA / CSR / SSR

SPA

서버로부터 완전한 새로운 페이지를 불러오지 않고 현재의 페이지를 동적으로 다시 작성함으로써 사용자와 소통하는 웹 애플리케이션이나 웹사이트

SSR과 CSR 비교

	특징
SSR	페이지 이동할 때마다 서버에서 렌더링을 마치고, 데이터가 결합된 html 파일을 내려주는 방식 => 새로운 페이지로 이동할 때마다 서버에 요청하여 페이지를 받아야 하기 때문에, 받아오는 동안 깜빡거릴 수 있다
CSR	최초 요청시에 html, css, javascript 등 각종 리소스 다 받아오고, 이후 요청시에 서버에 데이터만 요청하고 자바스크립트로 뷰를 컨트롤 => 인터넷 속도가 엄청 느릴 경우 유저는 제대로 된 화면을 한참 후에 볼 수 있다

초기 요청때 걸리는 시간: SSR < CSR

페이지 이동할 때마다 걸리는 시간: SSR > CSR

✏️ 나만의 한 줄 요약

*SPA: 한 개의 페이지를 가진 어플리케이션

*SSR: 필요할 때마다 리소스 가져오기

*CSR: 한 방에 리소스 가져오기

📌 용어 정리

*SPA(Single Page Application): 서버로부터 완전한 새로운 페이지를 불러오지 않고 현재의 페이지를 동적으로 다시 작성함으로써 사용자와 소통하는 웹 애플리케이션이나 웹사이트

*CSR(Client Side Rendering)

*SSR(Server Side Rendering)

*CMS(Content Management System): 워드프레스와 같이 웹사이트 구축할 때 사용하는 플랫폼

*SEO(Search Engine Optimization)

🔗 참고링크:

SPA 그리고 SSR과 CSR

렌더링에 관해선 이전 글에서 작성했지만 다시 한번 간단하게 말하고 가자면, 렌더링이란 사용자가 웹 페이지에 접속했을 때 서버로부터 HTML 파일을 받아 화면에 그려주는 것이다. SSR(Server Side R

velog.io

CMS (콘텐츠 관리 시스템) 란 무엇입니까? CMS 란 무엇입니까?

CMS의 장점과 단점 다른 것과 마찬가지로 콘텐츠 관리 시스템에는 다음과 같은 장점과 단점이 있습니다. CMS 장점 👍 디자인은 콘텐츠와 분리되어 있습니다. 콘텐츠 제작과 디자인의 분리는 아마

ecommerce-platforms.com

ynawhocodes