4.2.6 서버 사이드 렌더링 예제 프로젝트 index.tsx create-react-app의 index.jsx와 유사한 역할을 하는 애플리케이션의 시작점으로, hydrate가 포함돼 있다. 이 파일의 목적은 서버로부터 받은 HTML을 hydrate를 통해 완성된 앱 애플리케이션으로 만드는 것이다. hydrate는 서버에서 완성한 HTML과 하이드레이션 대상이 되는 HTML의 결과물이 동일한지 비교하는 작업을 거치기 때문에,이 비교 작업을 무사히 수행하기 위해 한 번 더 데이터를 조회한다. App.tsx 일반적으로 사용자가 만드는 리액트 애플리케이션의 시작점.todos를 props로 받는데, 이 props는 서버에서 요청하는 todos를 받는다.이 props.todo를 기반으로 렌더링하는 평범한 컴포넌트..