[React] JSX

JSX란?

• JS + XML. JS 코드에 HTML과 유사한 코드를 작성할 수 있도록 하는 구문 확장. Babel과 같은 컴파일러에 의해 일반 JS 코드로 변환됨.

규칙

1. 태그는 꼭 닫아줄 것.
2. 무조건 1개의 엘리먼트만 반환할 것.
3. JS 값을 가져오려면 중괄호를 쓸 것.
4. class 대신 className.
5. 인라인으로 style 주기. (css 문법 대신 json 형식)