(React) React 핵심요소_JSX

JSX

• XML같은 문법을 사용하는 ECMAScript의 확장. 
• 컴포넌트 렌더링을 구조화하는 방법을 제공한다.
• 컴포넌트를 구성하는 함수 내에서 HTML 코드와 Javascript 코드를 동시에 사용한다.

1. JSX의 모든 태그는 종료 태그가 필수.
2. JSX는 하나의 태그만 반환시켜야 한다. -> 많이 사용!
   <Fragment></Fragment>
<></>
3. 여러 줄의 태그를 반환할 경우 괄호 ( )로 감싸야 한다.

(<>
	<div></div>
    <div></div>
 </>
 );

4. { } 를 이용해 인터폴레이션 한다. (변수, 상수, 함수, 스크립트, 주석 등)

5. Event Handling을 Camel Case로 작성한다.
   html: onclick => React: onClick
   html: onkeyup => React: onKeyUp

6. class 지정은 className으로 쓴다.

7. label for=“” 는 label htmlFor=“” 로 한다.
   Javascript와 Class의 예약어 때문.