JSX

JSX 란?

• 리액트로 개발을 할 때 사용되는 javascript의 확장된 문법이다.
• 공식적인 자바스크립트 문법은 아님.

작동 방식

• jsx로 작성한 코드는 브라우저에서 실행되기 전에 코드가 번들링되는 과정에서 바벨을 사용하여 일반 자바스크립트 형태의 코드로 변환된다.

JSX 의 장점

• 기존 자바스크립트와 달리 html 과 js 를 하나의 파일에 동시에 작성하기 때문에 편리하다.

JSX 문법

• 반드시 부모 요소가 감싸는 형태여야 한다.
• 유효한 모든 javascript 표현식 사용 가능.

* class 가 아닌 className 사용