목록react (1)

송민준의 개발노트

CSR - SSR

얼마 전 Vue를 사용해서 프로젝트를 만들어 완성했다. 기본적인 CSR로 개발을 했는데 초기 로딩 속도와 SEO 때문에 SSR 개발을 도와주는 Nuxt를 공부하게 되었다. 그에 앞서 CSR과 SSR을 정리하고자 한다~! 1. CSR(Client Side Rendering) CSR은 SPA(Single Page Application)에서 쓰이는 방법으로 웹서버(Nginx 등)에서 html과 static 파일 번들을 가져온 후, javascript를 통해 동적으로 Rendering하는 방법이다. [장점] 동작하는데 데이터 갱신에만 리소스를 요청하므로 서버 부하가 덜하다. 최초 이후 동작들은 빠르게 Rendering이 가능해서 UX가 뛰어나다. [단점] 다만 SPA는 초기에 한번에 번들되어 오기 때문에 시간이..
웹/Nuxt.js 2021. 10. 7. 00:19
이전 Prev 1 Next 다음