본문 바로가기

렌더링2

Next.js 15 렌더링 심층 분석: Server Components, Client Components, Composition Patterns, Partial Prerendering, Runtimes Next.js 15는 React의 최신 기능을 적극적으로 도입하여 렌더링 성능과 개발자 경험을 크게 향상시켰습니다. 이번 글에서는 Next.js 15의 핵심 렌더링 개념인 Server Components, Client Components, Composition Patterns, Partial Prerendering, 그리고 Runtimes에 대해 자세히 알아보고, 각 개념이 어떻게 Next.js 애플리케이션의 성능과 유연성을 높이는지 살펴보겠습니다.1. Server Components: 서버에서 렌더링되는 컴포넌트Server Components는 서버에서 렌더링되어 클라이언트로 HTML 문자열만 전송하는 컴포넌트입니다. 이를 통해 초기 로딩 속도를 향상시키고, 클라이언트 사이드 자바스크립트 번들 크기를 .. 2024. 11. 24.
SSR과 CSR: 어떤 렌더링 방식을 선택해야 할까? 서버 사이드 렌더링(SSR) vs 클라이언트 사이드 렌더링(CSR)웹 애플리케이션을 개발할 때, 렌더링 방식은 성능, 사용자 경험, SEO 등 다양한 측면에 영향을 미치는 중요한 선택입니다. 일반적으로 사용되는 렌더링 방식은 서버 사이드 렌더링(Server-Side Rendering, SSR)과 클라이언트 사이드 렌더링(Client-Side Rendering, CSR) 두 가지가 있습니다. 각 방식의 특징과 장단점을 비교하고, 어떤 상황에 어떤 방식을 사용해야 하는지 자세히 알아보겠습니다.서버 사이드 렌더링(SSR)SSR은 서버에서 HTML을 완전히 생성하여 클라이언트에 전달하는 방식입니다. 장점:빠른 초기 로딩: 완성된 HTML이 전달되므로 브라우저는 바로 페이지를 렌더링할 수 있습니다.SEO에 유리:.. 2024. 11. 17.

티스토리툴바