프코

  • 홈
  • 태그
  • 방명록

nextjs 1

[Next.js]렌더링 방식(CSR, SSR, SSG, ISR) - 퍼포먼스 성능 비교

렌더링이란?쉽게 말해서 우리가 평소에 핸드폰으로 유튜브를 보거나 컴퓨터를 통해서 쇼핑몰 사이트에서 쇼핑을 하듯이 화면에 출력이 되는걸 렌더링이라고 표현을 해! 프코 : 인제 렌더링이 무엇인지 바로 느낌이 오지??자 그럼 렌더링 방식은 무엇이냐?먼저 초창기에는 MPA(Multi-Page-Application)라는 SSR방식으로 화면을 렌더링 했었어.여러 개의 정적 페이지를 미리 만들어 놓은 후 각 페이지별로 서버에 요청을 해서 HTML 문서를 서버에서 받아오는 방식이러한 MPA의 방식은 미리 만들어 놓은 페이지를 다른 페이지로 이동 시 전체 페이지를 새로 로드하므로, 깜빡거리는 느낌이 사용자 경험이 떨어질 수 있고, 오래 걸리는 게 단점이었어!MPA 방식의 단점을 보완하고자 SPA(Single-Page-A..

frontend 2025.01.25
이전
1
다음
더보기
프로필사진

프코

개발자로 거듭나기 위하여 학습한 내용을 정리하는 블로그입니다.

  • 분류 전체보기 (27)
    • frontend (7)
      • 환경설정 (1)
      • 디자인 패턴 (1)
      • 문법 (1)
    • CS (16)
      • 운영체제 (10)
      • 컴퓨터구조 (1)
      • 네트워크 (2)
      • 데이터베이스 (3)
    • Docker (2)
    • Kubernetes (0)
    • Database (1)

Tag

도커, SSR, 컴퓨터구조, 운영체제, 렌더링, docker, TAILWIND, 네트워크, 성능, 프론트엔드, 프로그램 컴파일 과정, 리팩터링, 데이터 패칭, React, csr, 3 tier 배포, next.js, 데이터베이스, 최적화, CPU,

최근글과 인기글

  • 최근글
  • 인기글

최근댓글

공지사항

페이스북 트위터 플러그인

  • Facebook
  • Twitter

Archives

Calendar

«   2025/12   »
일 월 화 수 목 금 토
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.

티스토리툴바