Hydration이란?

SSR로 생성된 정적 HTML에 JavaScript 이벤트 핸들러와 상태를 붙여 완전한 React/Vue 컴포넌트로 만드는 과정이다.

왜 중요한가

  • 서버 HTML은 즉시 보이지만 버튼 클릭 등은 hydration 후에야 동작
  • 번들이 크면 "보이지만 안 눌리는" 구간이 길어짐
  • Partial Hydration / Islands Architecture로 부분 수화해 성능 개선 가능