728x90
반응형
SSR
-
SSR vs CSR 구분 및 개발 방법을 알아보자!Web 2025. 4. 29. 14:17
✅ SSR (Server Side Rendering) vs CSR (Client Side Rendering)📌 SSR (서버사이드 렌더링) 개념: 서버에서 HTML을 완성해서 클라이언트에 전달 예시: Next.js, JSP, Thymeleaf 특징: 초기 로딩 속도 빠름, SEO 유리, 서버 부담 높음✔️ 개발 방법 (React - Next.js)// pages/index.tsxexport async function getServerSideProps() { const res = await fetch('https://api.example.com/data'); const data = await res.json(); return { props: { data } };}export default fu..