JSX

[React] ③ JSX란?

JSX란 무엇이며 어떻게 사용할까요? 리액트 프로젝트를 시작하며 새롭게 생성된 파일을 열어보면 익숙하면서도 다소 생소한 구문으로 작성된 것을 확인할 수 있습니다. 이를 JSX라고 하는데요. JSX란? JSX는 JavaScript XML을 의미하며, 자바스크립트를 확장한 문법입니다. 리액트에서 요소를 생성하고 제어하는 데 사용합니다. 먼저, 간단한 예시를 살펴보도록 하겠습니다. // JSX를 사용한 코드 return ( Let's get started! ); // JSX를 사용하지 않은 코드 return React.createElement( 'div', {}, React.createElement('h2', {}, "Let's get started!"), React.createElement(Expense, ..