저장소

  • 홈
  • 태그
  • 방명록

CSR 1

Next.js의 렌더링 전략: SSR과 CSR, SSG (Hydration, Pre-rendering, Dynamic Routes, Build Time, ISR )

1. 웹 렌더링의 이해1.1 렌더링이란?렌더링은 코드를 사용자가 볼 수 있는 인터페이스로 변환하는 과정입니다. 웹에서는 HTML, CSS, JavaScript를 브라우저가 이해하고 화면에 표시할 수 있는 형태로 바꾸는 것을 의미합니다.1.2 주요 용어 설명Hydration: 서버에서 보낸 정적 HTML에 JavaScript 이벤트 핸들러와 상태를 입히는 과정Pre-rendering: 미리 HTML을 생성하는 과정Dynamic Routes: URL 패턴에 따라 다른 콘텐츠를 보여주는 페이지Build Time: 애플리케이션을 배포용으로 빌드하는 시점 2. 클라이언트 사이드 렌더링 (CSR)2.1 CSR의 작동 방식const ProductPage = () => {// 상태 관리 const [product..

Next.js 2024.11.11
이전
1
다음
더보기
반응형
프로필사진

저장소

복습용 블로그

  • 분류 전체보기
    • LLM(Open AI)
    • 업무 기록
      • API
      • WEB
      • ETC
    • Next.js
    • Kotlin
    • Java
      • Java 인강
      • Java 학원 복습
      • Java
    • Chatgpt
    • JavaScript
    • Spring
      • 프로젝트 코드 리뷰
    • Python
      • 알고리즘&자료구조
      • 데이터분석
      • openCV
    • DevOps
    • Frontend
      • HTML
      • CSS
      • Vue
    • Error
    • JDBC
    • Lisence
      • 정보처리기사
      • SQLD
      • NCA
    • 취업 및 이직 준비
      • 코딩테스트 준비
      • 기술면접 준비
    • DB
      • MySQL
    • 대학원 시험 공부
    • Git
    • JSP
    • 일기(잡)

Tag

자바, Spring, 오블완, 파이썬, java, 국비지원, javascript, ChatGPT, 알고리즘, 티스토리챌린지, 프로젝트, 코딩테스트, CSS, 리눅스, 자료구조, 백준, html, jsp, 기본, 자바스크립트,

최근글과 인기글

  • 최근글
  • 인기글

최근댓글

공지사항

페이스북 트위터 플러그인

  • Facebook
  • Twitter

Archives

Calendar

«   2025/05   »
일 월 화 수 목 금 토
1 2 3
4 5 6 7 8 9 10
11 12 13 14 15 16 17
18 19 20 21 22 23 24
25 26 27 28 29 30 31

방문자수Total

  • Today :
  • Yesterday :

Copyright © Kakao Corp. All rights reserved.

티스토리툴바