Hydration

React : hydrate

Hydration
JS 코드들이 DOM 요소 위에 물을 채우듯 필요로 하던 요소들을 채운다하여 붙여진 이름이라고 한다

보통 건조된 dummy html코드(백엔드에서 SSR로 받아온 것들)에 수분을 공급시켜준다.

여기서 말하는 수분 공급이란 UI(ex.button태그)에 이벤트리스너를 추가하고, 사용자가 버튼과 상호작용할 수 있게끔 하는 것.

그저 dummy html이였던 것들이 hydration을 통해서 client와 직접적인 상호작용을 하게되는 것.

hydration은 단순한 HTML을 React application으로 변경해주는 작업.