.gif)
렌더링이란? 서버로부터 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을 사용한다.
페이지의 링크를 클릭할 때마다 다른 페이지를 로드한다.
kyday63@gamil.com