AppRouter
-
Next.js SSR 핵심 정리 — 서버 렌더링 원리부터 App Router 적용까지카테고리 없음 2026. 4. 12. 21:49
SSR이란 무엇인가SSR(Server-Side Rendering)은 웹 페이지의 HTML을 서버에서 미리 생성해 클라이언트에 전달하는 렌더링 방식입니다.전통적인 웹 서버 방식과 유사하지만, 현대 SSR은 React 같은 컴포넌트 기반 프레임워크와 결합해 더 유연하게 동작합니다.사용자는 브라우저에서 JavaScript가 실행되기 전에도 완성된 HTML 콘텐츠를 볼 수 있어 초기 로딩 경험이 크게 개선됩니다.CSR과 SSR의 차이CSR(Client-Side Rendering)은 브라우저가 빈 HTML을 받은 뒤 JavaScript를 다운로드하고 실행해 화면을 그리는 방식입니다.반면 SSR은 서버가 완성된 HTML을 응답으로 보내기 때문에, 브라우저가 즉시 콘텐츠를 표시할 수 있습니다.두 방식의 차이는 단순히..