TIL 1

React hydration

리액트에서 ReactDOM.hydrate란 SSR을 위한 랜더 함수이다.

SSR의경우 서버에서 받아온 html이 먼저 브라우저에 그려지기 때문에 리액트의 렌더링 과정이 필요하지 않다.

때문에 hydrate 메서드를 사용하여 렌더과정을 건너뛰고 이벤트를 연결하는 단계로 넘어간다.

hydration을 직역하면 ‘수분 공급’이라는 뜻인데, 즉 건조한 html에 수분(인터랙션, 이벤트 핸들러 등)을 공급하여 동적인 페이지를 만들어나가는 과정을 말한다.

React hydrate 참고 블로그

React 18에서 제거된 hydrate

Serialize(직렬화), Deserialization(역직렬화)

자바스크립트에서 JSON.stringify 으로 객체를 문자열로 변환하는 과정을 Serialize(직렬화) 라고 하고,

JSON.parse() 으로 문자열을 다시 객체로 변환하는 과정을 Deserialization(역직렬화) 라고 한다.

위키백과