CSR/SSR(SPA)
CSR은 오늘날 SPA에서 많이 사용되는 렌더링 방식이다. 최초에 빈 내용과 js, css 링크만 들어있는 html파일을 보내주고, 그 다음 링크된 js, css를 다운 받는데 이 js에는 애플리케이션의 핵심 내용(프레임워크)과 로직들이 들어 있고 다운이 완료된 시점부터 유저들이 브라우저에서 볼수가 있다. 이후에는 데이터만 요청하게 된다. 장점으로는 애플리케이션 동작에 필요한 html, js, css를 최초에 모두 받기 때문에 모두 다운로드 받고 난 이후 부터는 사용자경험이 좋고, 단점으로는 html, js, css를 모두 받아와야 하기때문에 최초 지연이 길다.
그리고 최초에는 데이터가 없는 빈화면이기 때문에 SEO측면에서 좋지않다.
SSR은 전통적인 렌더링 방식 static site의 영감을 받은 것으로 매 페이지 이동마다 필요한 데이터를 모두 요청해서 서버에서 동적으로 html을 렌더링하고 여기에 조금 제어할 수 있는 소스코드와 함께 클라이언트에 만들어져 보내진다.
장점으로는 최초 로딩이 짧고, html에 소스코드가 담겨져 보내져서 seo 측면에서 좋다. 단점으로는 매요청마다 서버에서 전체 소스코드를 요청하기 때문에 새로고침 현상이 생기게 되고 이로 인해 서버 과부하가 걸리기 쉽다.
Figure it out yourself