개발 연습 블로그

  • 홈
  • 태그
  • 방명록
  • 글쓰기

2025/06 1

nextjs 연습 - 007 - 로딩 컴포넌트

서버 사이드에서 데이터 패칭이 이뤄지는 것의 차이는 단순한 성능의 차이(SSR이 초기 로딩시간이 긴 대신 SEO에 최적화/CSR이 그 반대인 것)말고도 사용자 경험에 있어서 큰 차이가 있다. CSR 부분은 기존의 리액트 방식과 유사하기에 로딩 관련 표시 부분이 쉬웠지만 SSR에서는 아니다. 여기서 차이가 생기는데, 그것이 로딩 컴포넌트다. 로딩 페이지를 원하는 페이지 폴더에 로딩 컴포넌트를 생성하고 작성하면 되는 것이다. NextJS는 streaming을 통해 html을 쪼개서 보낸다. 첫번째로 layout이나 navigation을 보내고, 그 다음으로 로딩 컴포넌트를 보낸다. 백엔드와의 소통이 끝나면 그제야 온전한 페이지를 드러낸다.

개발공부 2025.06.02
이전
1
다음
더보기
프로필사진

개발 연습 블로그

  • 분류 전체보기 (118)
    • 항해99 개발일지 (59)
    • 골디락스존 개발일지 (0)
    • 기타 (2)
    • 개발공부 (44)
    • 정처리 기사 실기 정리 (10)

Tag

UT,

최근글과 인기글

  • 최근글
  • 인기글

최근댓글

공지사항

페이스북 트위터 플러그인

  • Facebook
  • Twitter

Archives

Calendar

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

티스토리툴바