JSX

JSX란?

react에서 사용하는 자바스크립트의 확장 문법
즉, 자바스트립트에서 HTML을 작성하듯이 비슷하게 작성할 수 있도록 해 주는 문법

React 에서 JSX문법은

1. 컴포넌트에 여러 요소가 있다면 반드시 부모 요소 하나가 감싸는 형태여야 한다.

2. JSX 내부의 자바스크립트 표현식 내에서 if문을 사용할 수 없기때문에 조건부 연산자(삼항 연산자)를 사용한다.

3. 카멜 표기법으로 작성해야 한다. 예 : background-color -> backgroundColor

4. div 등에 class라는 속성을 설정할 때 className이라고 표시해야 한다.

5. 태그는 꼭 닫아준다.

6. 자바스크립트 표현 : 자바스크립의 값을 JSX 안에서 렌더링할 수 있다.

7. 인라인으로 style을 줄 수 있다.