1. Elements

: 리액트를 구성하는 요소

• 리액트 element는 virtual DOM에 존재하는 것
• DOM element는 실제 브라우저에 존재하는 것

2. Elements의 생김새

: 리액트 elements는 자바스크립트 객체 형태로 존재

3. immutable (불변성)

: elements 생성후에는 children이나 attributes를 바꿀수 없다

만약에 생성이 된 후에 바뀌어야하는 부분이 생기면

element를 새로 생성후 바꿔 끼워넣으면 됨

4. element 렌더링하기

: 리액트 element가 렌더링되는 과정은

virtualDOM에서 실제 브라우저DOM으로 이동하는 과정

const element = <h1>안녕, 리액트!</h1>
ReactDOM.render(element, document.getElementById('root'));

5. 렌더링된 Elements를 업데이트하기