[React] 엘리먼트와 컴포넌트 (Element, Component, JSX)

엘리먼트와 컴포넌트는 리액트의 철학 중 하나입니다. 엘리먼트는 DOM 노드나 컴포넌트에 대한 type과 props를 불변 객체로 관리합니다. 이러한 특징은 컴포넌트 간 의존성을 분리시켜 컴포넌트를 혼합, 중첩할 수 있게 만듭니다. 이 글을 통해 엘리먼트와 컴포넌트, 그리고 관련된 개념들에 대해 알아보겠습니다. (Dan Abramov의 React Components, Elements, and Instances를 읽어보는 것을 추천합니다.) 한글 버전 영상인 Boaz 유튜브의 React component, element, instance도 있습니다.) 엘리먼트 (Element) 엘리먼트는 type과 props를 가지는 불변 객체입니다. type의 종류에 따라 DOM 엘리먼트, 컴포넌트 엘리먼트로 나뉘게 됩니..