ssr / csr

카테고리 없음

신방동불주먹 2023. 1. 10. 16:21

spa : single page application

단일 페이지로 구현한 사이트

하나의 페이지에서 처음 화면인 빈 html을 dom으로 랜더링

mpa: multi page application

ex) 로그인 페이지 누르면 로그인 html로 이동

ssr : server side rendering

데이터까지 전부 랜더링 준비가 다된 페이지를 넘겨줌

초기로딩이 길다?

csr : client side rendering

서버에서 데이터만 받아서 해당 부분에 넣어줌

js 로딩될 동안 조작이 불가능

SPA에서는 첫 페이지만 받아오고 이후에 데이터의 수정,조회를 하고 싶기 때문에 CSR이란 방식을 채택한 것 (동적)

반대로 MPA는 동적이지 않은 페이지를 상황에 맞게 클라이언트에 뿌려주기 때문에 SSR이란 방식을 채택한 것