Common | Notion

React CDN

<script crossorigin src="https://unpkg.com/react@17/umd/react.development.js"></script>
<script crossorigin src="https://unpkg.com/react-dom@17/umd/react-dom.development.js"></script>

CreateElement

<script type="text/javascript">
console.log('React')
console.log('ReactDOM')

ReactDOM.render(
  React.createElement("h1", null, `type이 태그 문자열 이름입니다.`),
  document.querySelector('#root')
  );
</script>

JSX

JSX 문법으로 작성된 코드는 순수한 JavaScript로 컴파일 하여 사용한다.

Untitled

React.createElement 보다 JSX로 작성한다면, 가독성이 더 좋아진다.

babel과 같은 컴파일 과정에서 문법적 오류를 인지하기 쉬워진다.