728x90 컴포넌트1 (1-3) React 기초 - Component 컴포넌트로 생각하기 리액트를 이용하면, 각자 독립적인 기능을 가지며 UI의 한 부분을 담당하기도 하는 이러한 컴포넌트를 여러 개 만들고 조합하여 애플리케이션을 만들 수 있다. 모든 리액트 애플리케이션은 최소 한 개의 컴포넌트를 가지고 있으며, 이 컴포넌트는 애플리케이션 내부적으로는 근원(root)이 되는 역할을 한다. 이 최상위 컴포넌트는 근원의 역할을 하므로 다른 자식 컴포넌트를 가질 수 있다. 이 계층적 구조(hierarchy)를 트리 구조로 형상화할 수 있다. 한 가지 예시를 들어보겠다. 여러분이 유튜브의 개발자라고 상상해 보고, 컴포넌트 단위로 나눠보자. 상단의 헤더, 화면 중앙의 컨텐츠 리스트. 이렇게 나눈 컴포넌트를 앞서와 같이 다시 트리 구조로 표현해 보자. 먼저 근원이 되는 root 컴포넌.. 2021. 8. 14. 이전 1 다음