Hydration이란?
SSR로 생성된 정적 HTML에 JavaScript 이벤트 핸들러와 상태를 붙여 완전한 React/Vue 컴포넌트로 만드는 과정이다.
왜 중요한가
- 서버 HTML은 즉시 보이지만 버튼 클릭 등은 hydration 후에야 동작
- 번들이 크면 "보이지만 안 눌리는" 구간이 길어짐
- Partial Hydration / Islands Architecture로 부분 수화해 성능 개선 가능
Hydration란?하이드레이션
정의
서버가 보낸 정적 HTML에 JS를 부착해 인터랙티브하게 만드는 과정.
다른 표현하이드레이션수분 공급
📘 관련 기술노트
전체 보기 →🔗 함께 보면 좋은 용어
Frontend 전체 →이미지 최적화
Next.js Image·WebP·AVIF·srcset·lazy·blur placeholder.
쿠키 속성
HttpOnly·Secure·SameSite·Domain·Path·Max-Age. 보안·동작 제어.
a11y
Accessibility
웹 접근성. 장애인·모든 사용자가 쓸 수 있게 하는 실천. WCAG 표준.
Analog (Angular)
Angular용 메타프레임워크. Vite·파일 라우팅·SSR.
Angular
Google의 엔터프라이즈 프런트엔드 프레임워크. TypeScript 1급. RxJS·DI 기반.
Angular Signals
Angular 17+의 반응성 API. Zone.js 의존 탈피.