[React] JSX 란?

JavaScript Xml

 

JavaScript 내에서 Html 과 같은 코드를 작성할 수 있게 해주는 확장 문법. 

React 에서 UI 를 만들때 사용함.

 

without JSX

const element = document.createElement('div');
element.className = 'greeting';
element.textContent = '안녕하세요!';

 

 

with JSX

const element = <div className="greeting">안녕하세요!</div>;