React 앱의 엔트리와 상태관리 기초웹사이트의 소스 코드를 점검해보면, 문서 본문 콘텐츠는 거의 없고 약간의 JavaScript와 메타데이터만 존재하는 경우가 있다. 이는 React 같은 프런트엔드 프레임워크가 클라이언트에서 앱을 부팅하며 DOM을 동적으로 구성하기 때문이다.React 앱의 엔트리 구조프로덕션 빌드 결과물에는 우리가 작성한 React 코드가 번들/컴파일되어 포함된다.클라이언트에게 전달되는 것은 기본적으로 index.html이며, 이 HTML이 엔트리 스크립트(index.jsx 등)를 불러와 React 앱을 부팅한다.index.jsx는 리액트 앱의 주요 진입점(entry)으로서, 앱을 DOM에 마운트하고 브라우저가 읽을 수 있는 형태로 JSX를 변환해 결과적으로 컴포넌트를 렌더링한다.보통..
