12.엘리먼트, 컴포넌트,인스턴스

1. 엘리먼트 Element

실제로 화면에 렌더링할 DOM노드들의 정보를 React에게 알려주기 위한 수단.

DOM노드 혹은 컴포넌트를 표현하는 JavaScript의 일반 불변 객체에 해당함.

type문자열 혹은 컴포넌트 함수/ 클래스 필드와 props객체 필드로 표현됨.

일반적으로 하나 이상의 자식 엘리먼트는 props의 children필드로 표현하며, 이를 통해 엘리먼트들이 중첩될 수 있다.

이 필드에는 텍스트에 해당하는 문자열, 엘리먼트, 혹은 엘리먼트들의 배열등이 저장될 수 있다.

일반적으로 JavaScript의 React.createElement()함수 또는 JSX태그 문법 (EX.<Button/>)으로 작성한다.

엘리먼트들로 이뤄진 트리를 엘리먼트 트리라 부르며, 이는 메모리 상에만 존재하는 가상 돔이다. 

 

it-eldorado.tistory.com/m/82?category=749286출처

simsimjae.tistory.com/449출처

 

 

useCallback()