본문 바로가기

렌더링방식

[리액트에서 Next로] Next.js 기초 : SSR, CSR 렌더링 차이와 특징
[Dev] 🎯Self Study 2024. 1. 8. [리액트에서 Next로] Next.js 기초 : SSR, CSR 렌더링 차이와 특징 Next에서는 컴포넌트를 렌더링하는 2가지 방식이 존재한다. 1. client 의 web browser -> CSR (클라이언트 사이드 렌더링, 리액트와 유사) 2. server의 node.js 런타임 -> SSR (서버 사이드 렌더링) Client-Side Rendering (CSR) Server-Side Rendering(SSR) 큰 사이즈의 번들 크기 리소스 집약적 검색 엔진 최적화 어려움 (SEO) 낮은 보안성 작은 번들 사이즈 리소스 최소화 검색엔진 최적화 (SEO) 높은 보안성 CSR vs. SSR 클라이언트 사이드 렌더링 우선적으로 모든 컴포넌트를 번들링해 서 클라이언트로 전달합니다. 이는 애플리케이션의 크기가 커짐에 따라 번들 크기가 커짐을 의미합니다. 번들 크기가 커지면 커질수록 클라이언..

티스토리툴바