개발지식소

  • 홈
  • 블로그 소개
  • 백엔드
  • 프론트엔드
  • 개발도구 & 환경

최적화 1

Next.js 프레임워크 SSR vs SSG 차이 완벽 정리

1. SSR(Server Side Rendering)이란?개념SSR은 사용자가 페이지에 접속했을 때 서버에서 HTML을 즉시 생성해 전달하는 방식입니다. 브라우저는 완성된 HTML을 받아 곧바로 화면을 표시할 수 있고, 이후 자바스크립트가 실행되면서 인터랙티브한 React 앱이 동작하게 됩니다.특징실시간 데이터 반영 가능: 요청 시마다 서버에서 데이터를 가져와 화면에 반영.SEO 친화적: 검색 엔진이 완성된 HTML을 바로 수집 가능.최초 응답 속도(FCP)는 빠름: 빈 화면 대신 바로 HTML을 내려주기 때문.코드 예시// pages/index.jsexport async function getServerSideProps() { const res = await fetch("https://api.exam..

프론트엔드 2025.08.24
이전
1
다음
더보기
프로필사진

개발지식소

하루하루 채워가는 개발지식, 복잡한 개념도 쉽고 따뜻하게 설명하는 곳. 초보자도, 현업자도 함께 성장하는 지식 채움의 공간

  • 분류 전체보기 (26)
    • 프로그래밍언어 (4)
    • 프론트엔드 (7)
    • 백엔드 (13)
    • 개발도구 & 환경 (2)

최근글과 인기글

  • 최근글
  • 인기글

최근댓글

방문자수Total

  • Today :
  • Yesterday :
Privacy Policy

Copyright © Kakao Corp. All rights reserved.

티스토리툴바