처리중입니다. 잠시만 기다려주세요.
TTJ 코딩클래스
정규반 단과 자료실 테크 뉴스 코딩 퀴즈

웹에서 'Hydration(하이드레이션)'이란 무엇인가요?

보통 freeCodeCamp
보기 및 정답
A 서버에서 렌더링된 정적 HTML에 클라이언트 JavaScript가 이벤트 핸들러를 연결하여 인터랙티브하게 만드는 과정
B 서버에서 렌더링된 정적 HTML 페이지의 데이터베이스 캐시 레코드를 백그라운드 프로세스에서 주기적으로 자동 갱신하는 과정이다
C 브라우저에서 CSS 애니메이션의 키프레임이 DOM 요소에 적용되기 시작하여 시각적 효과가 나타나는 과정이다
D 웹 페이지에 포함된 이미지 리소스를 저해상도부터 시작하여 점진적으로 고해상도로 전환하며 로딩하는 기법이다

해설

SSR로 생성된 HTML은 보이지만 클릭 등 상호작용이 안 됩니다. 브라우저에서 React/Vue 등의 JS가 로딩되면 기존 HTML 구조를 재사용하면서 이벤트 리스너를 부착합니다. 이 과정이 Hydration이며, SSR의 빠른 초기 렌더링과 SPA의 인터랙션을 결합합니다.

코딩, 제대로 배우고 싶다면?

개념 확인은 퀴즈로, 실력은 실전 프로젝트로.
투더제이 코딩클래스에서 시작하세요.

정규반 살펴보기