➋ react-dom/client에서 제공하는 createRoot()는 리액트 18부터 새롭게 추가된 함수입니다. HTML에서 가져온 root 요소에 리액트 애플리케이션을 연결하는 역할을 합니다.

➌ App.tsx 파일은 Vite로 리액트 애플리케이션을 생성할 때 자동으로 만들어지는 파일입니다. 이 파일에 정의된 App 컴포넌트는 애플리케이션을 실행할 때 가장 먼저 화면에 표시되는 루트 컴포넌트 역할을 합니다. main.tsx 파일에서는 이 App 컴포넌트를 불러와 실제로 웹 브라우저에 렌더링합니다.

➍ index.html 파일에는 <div id="root"></div>라는 태그가 있습니다. 이 태그는 리액트 애플리케이션이 표시될 공간을 나타냅니다. main.tsx 파일에서는 document.getElementById('root')로 이 요소를 가져와 ReactDOM.createRoot()를 사용해 리액트의 시작점(루트)으로 지정합니다. 그런 다음 App 컴포넌트를 <StrictMode>로 감싸 화면에 표시합니다.