JSX

개요

자바스크립트의 확장 문법으로, XML과 비슷하다. 브라우저에서 실행되기 전에 코드가 번들링되는 과정에서 바벨을 사용해 자바스크립트 형태의 코드로 변환된다.

사용

• JSX에서 연산이나 변수 사용등을 하기 위해서는 그 부분을 중괄호로 감싸야한다.
• class 속성 대신 className을 사용해야한다.
• style 속성에 객체를 넣어 인라인 스타일링을 사용할 수 있다.
• 닫기 태그도 반드시 작성해야한다.
• 주석은 중괄호 안에 기재해야한다.
• if문 대신 조건부 연산자를 사용해야한다.
• 이벤트에 카멜 케이스 사용