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

웹 프레임워크에서 'Hydration(하이드레이션)'이란?

어려움 freeCodeCamp
보기 및 정답
A 서버에서 렌더링된 정적 HTML에 클라이언트 측 JavaScript 이벤트와 상태를 연결하는 과정이다
B 브라우저의 로컬 캐시 스토리지에 API 응답 데이터를 저장하여 오프라인에서도 사용하는 과정이다
C 서버에서 전달받은 CSS 스타일시트를 브라우저의 렌더 트리에 동적으로 적용하여 화면을 갱신하는 과정이다
D 클라이언트에서 사용자 입력 데이터를 서버의 API 엔드포인트로 전송하여 데이터베이스에 저장하는 과정이다

해설

Hydration은 SSR(서버 사이드 렌더링)로 생성된 정적 HTML을 브라우저에서 받은 후, React/Vue 등의 프레임워크가 해당 HTML에 이벤트 핸들러와 상태를 연결하여 인터랙티브하게 만드는 과정입니다. 물을 부어 생기를 불어넣는다는 비유에서 유래했습니다.

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

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

정규반 살펴보기