SSR 썸네일형 리스트형 CSR, SSR 그리고 React v.18의 Suspense 작년 말 베타 버전이 배포된 React 18의 Suspense에 대해 알아보며, CSR(Client Side Rendering)과 SSR(Server Side Rendering)을 더 깊이 정리해보려 한다. 1. CSR Client Side Rendering 클라이언트(웹 브라우저)가 HTML 뿐 아니라 JS파일까지 몽땅 받아다 직접 렌더링 해야 하는 CSR (Client Side Rendering)은 밀키트 사서 요리해먹기로 비유할 수 있다. React, Vue 등으로 구현되는 SPA(Single Page Application)이 CSR 방식을 이용한다. 처음 재료들을 받고 손질하기는 오래 걸리지만 한번 정리해두면 그때그때 먹고 싶은 대로 조리해 먹을 수 있다. 즉, 다양한 로직들이 포함된 큰 용량의 .. 더보기 이전 1 다음