그림 1-35 리액트 애플리케이션의 컴포넌트 구조

App.tsx 안에 작성한 초기 코드는 지금은 분석하지 않아도 됩니다. 여기서는 App 컴포넌트가 리액트 애플리케이션의 시작점이라는 것만 기억해 두세요.

이번 장에서는 리액트를 배우는 데 필요한 개발 환경을 구성해 봤습니다. 그리고 Vite를 사용해 리액트 애플리케이션을 생성하고, 리액트 애플리케이션의 기본 구조까지 살펴봤습니다. 이 과정을 정확히 익혀두면 실무에서도 바로 활용할 수 있는 개발 환경을 갖출 수 있습니다.