브라우저 렌더링 방식인 CSR과 SSR에 대해 알아보자!
먼저, CSR과 SSR을 알기 이전에 SPA와 MPA가 무엇인지 알아야 한다.
SPA와 MPA는 무엇일까?
전통적인 방식을 이용하면 SPA가 사용하는 렌더링 방식이 CSR이고 MPA가 사용하는 렌더링 방식이 SSR이다. 그렇다면 CSR과 SSR이 무엇인지 알아보자.
👍 장점
👎 단점
모든 스크립트의 파일이 로드될 때까지 기다려야 한다.
☝🏻 리소스를 청크(Chunk) 단위로 묶어서 요청할 때만 다운받게 하는 방식으로 완화시킬 수 있지만 완벽히 해결할 수는 없다.
검색 엔진의 검색 봇이 크롤링을 하는데 어려움을 겪기 때문에 검색엔진 최적화의 문제가 있다.
☝🏻 구글 봇의 경우는 JS지원하나, 다른 검색엔진의 경우 그렇지 않기 때문에 문제가 된다.
👍 장점
👎 단점
출처 : https://github.com/baeharam/Must-Know-About-Frontend/blob/main/Notes/frontend/csr-ssr.md