개발블로그

  • 홈
  • 태그
  • 방명록

2026/08/07 1

[react-router] CSR, SSR, loader, HydrationBoundary (framwork)

SSR / CSR / loader 정리1. 서버와 브라우저브라우저 — 사용자 개인의 노트북, 핸드폰에서 도는 것. 사람마다 각자 있음서버 — 모든 사용자의 요청을 받는 Node 프로세스개발 중 내 컴퓨터: Node 프로세스(서버) + 크롬(브라우저) ← 한 기계배포 후 AWS: Node 프로세스 / 사용자 기기: 크롬 터미널은 컴퓨터가 아니라 프로세스의 출력을 보여주는 창. npm run dev로 띄운 Node 프로세스가 서버 역할을 하고, 그게 출력한 글자가 터미널에 나옴. loader는 서버에서 돌기 때문에 console.log가 터미널에만 찍힘.2. CSR vs SSR컴포넌트 함수를 어디서 실행하느냐의 차이. CSRSSR서버에서 실행❌✅ 서버에서 실행 후 HTML 생성브라우저에서 실행✅ D..

React 2026.08.07
이전
1
다음
더보기
프로필사진

개발블로그

FE 개발자 입니다

  • 분류 전체보기 (69) N
    • TIL (13)
    • 개발기초 (2)
    • HTML, CSS (7)
    • JavaScript (15)
    • React (17) N
    • React-Native (9)
    • Git (3)
    • 회고 (2)
    • 기타 (1)

Tag

최근글과 인기글

  • 최근글
  • 인기글

최근댓글

공지사항

페이스북 트위터 플러그인

  • Facebook
  • Twitter

Archives

Calendar

«   2026/08   »
일 월 화 수 목 금 토
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 © Daum Corp. All rights reserved.

티스토리툴바