// 첫번째 인자로 JSX Element 두번쨰 인자로 mountNode를 넘긴다.
ReactDOM.render(<div id='msg'>Hello world</div>, mountNode);

• ( ) → 함수와 관련이 있다.

ReactDom.render(React.createElement('div', {id : 'msg'}, 'Hello World'), mountNode);

• 바벨을 만나서 위 코드 처럼 트랜스파일링 된다.
• div 태그가 div문자열로 넘겨진다.
• id attribute가 id가 key값인 객체로 트랜스 파일링 되었다.
• Hello world역시 “Hello world”가 되었다.

// 이렇게 두개가 같은 것을 의미한다.
<div id="msg">Hello world</div>
// 트랜스 파일링 된 결괴
React.createElement('div', {id : 'msg'}, 'Hello world')

• 삼항연산자는 값으로 귀결된다.
  • 식은 값으로 귀결된다.
  • JSX에서도 삼항연산자는 되지만 if문은 사용불가이다. if 문은 값이 아니기 때문
• JSX에 즉시 실행함수안의 if문은 사용 할 수 있다. ( 뭔가 가라방식 처럼 보임 )

React

• 리액트의 { } 안에는 값과 식만 들어 가야 한다.
• map이라는 배열 메서드를 이용해서, map이 return 한 값이 실제 렌더링된다.