*Element
는 Component를 이루는 작은 단위로, DOM 노드나 다른 컴포넌트와 관련하여 화면에 나타내고자 하는 내용을 설명하는 일반 객체입니다.*
즉, Element는 컴포넌트 인스턴스나 DOM 노드에 관한 정보를 담고있는 모델 객체 입니다.
React Element의 객체 표현은 다음과 같습니다 :
const element = React.createElement('div', { id: 'login-btn' }, 'Login');
위의 React.createElement() 함수는 객체를 반환합니다 :
{
type: 'div',
props: {
children: 'Login',
id: 'login-btn'
}
}
마지막으로 ReactDOM.render()를 사용하여 DOM으로 렌더링합니다.