수코딩의 조언
특별한 이유가 없다면 리액트 애플리케이션의 시작 컴포넌트는 보통 App입니다. 다른 컴포넌트를 루트 컴포넌트로 사용하고 싶다면 createRoot() 함수의 render() 함수에 App 컴포넌트 대신에 원하는 컴포넌트를 넣으면 됩니다.
● App.tsx
리액트 파일 중 첫 글자가 대문자로 시작하고 확장자가 .tsx나 .jsx인 파일을 컴포넌트(component)라고 합니다. 일반적으로 확장자 앞에 붙은 이름을 사용해 해당 컴포넌트 파일을 지칭합니다. 예를 들어, App.tsx 파일은 App 컴포넌트라고 합니다.
TIP 컴포넌트에 대한 설명은 3장에서 자세히 다룰 예정입니다. 지금은 개념만 가볍게 이해하고 넘어가도 괜찮습니다.
리액트 애플리케이션은 컴포넌트 여러 개가 모여 만들어진 구조입니다. 그중에서도 App 컴포넌트는 애플리케이션의 시작점이 되는 가장 중요한 컴포넌트로, 이를 루트 컴포넌트(root component)라고 합니다. 리액트 애플리케이션은 루트 컴포넌트를 중심으로 하위 컴포넌트들이 가지처럼 뻗어나가는 트리(tree) 구조를 이룹니다. 3.3.4 컴포넌트 트리에서 자세히 살펴봅니다.