코딩연습장

  • 홈
  • 방명록
  • 글쓰기
  • 관리자

2024/09/25 1

24.09.25 nextjs의 4가지 주요 렌더링 기법

Nextjs의 4가지 주요 렌더링 기법은 CSR(Client Side Rendering), SSG(Static SIte Generation), ISR(Incremental Static Regeneration), SSR(Server Side Rendering)이 있다.먼저 CSR부터 알아보자. CSRClient Side Rendering, 말 그대로 클라이언트 단에서 렌더링을 진행하는 것이다. 특징장점단점순수 리액트 사용했을 때(최초 로드 후)사용자와의 상호작용이 빠르고 부드러움첫 페이지 로딩시간이 길 수 있다.TTV(Time To View)브라우저에서 JS를 이용해 동적으로 페이지를 렌더링하는 방식 서버에게 추가 요청을 보내지 않아사용자 경험이 좋음JS가 로딩되고 실행될 때까지 페이지가 비어있어 SEO에..

2차 공부/TIL 2024.09.25
이전
1
다음
더보기
프로필사진

  • 분류 전체보기 (344)
    • 2차 공부 (162)
      • 알고리즘 (34)
      • TIL (127)
      • WIL (0)
      • 최종프로젝트 (1)
    • 1차 공부 (181)
      • React공부 (42)
      • WIL (13)
      • TIL (39)
      • 알고리즘 (28)
      • 공부한 자료 (21)
      • JavaScript (7)
      • 코드분류 (1)
      • 웹개발노트 (5)
      • 설정관련 (3)
      • 기타 (2)
      • 기술면접 준비 (20)

Tag

js, CSS, javascript, tanstack query, 실행컨텍스트, TDZ, react, 리액트, 코딩테스트, nextjs, Reducer, 리덕스, action creator, vite, React Query, redux, 프로그래머스, 팀프로젝트, 알고리즘, react-redux,

최근글과 인기글

  • 최근글
  • 인기글

최근댓글

공지사항

페이스북 트위터 플러그인

  • Facebook
  • Twitter

Archives

Calendar

«   2024/09   »
일 월 화 수 목 금 토
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

방문자수Total

  • Today :
  • Yesterday :

Copyright © Kakao Corp. All rights reserved.

티스토리툴바