3. 컴포넌트 기초
① 리액트에서 사용 가능한 확장자: .js/.jsx(자바스크립트 기반), .ts/.tsx(타입스크립트 기반)
② 컴포넌트는 주로 함수형 컴포넌트 방식으로 작성합니다.
③ 리액트 애플리케이션은 여러 컴포넌트를 조합해 구성합니다.
• 화면에 가장 먼저 렌더링되는 기본 컴포넌트는 App입니다.
• App 컴포넌트 외 나머지 컴포넌트는 src/components 폴더에 파일별로 작성합니다.
• 파일에 작성한 컴포넌트는 export default로 내보내고, 사용할 때는 import로 불러옵니다.
④ 컴포넌트 트리: 컴포넌트 간 계층 구조를 나타냅니다. App 컴포넌트가 최상위 루트 컴포넌트이고, 다른 컴포넌트들을 자식으로 가집니다. 데이터는 부모에서 자식으로 전달됩니다.