마무리
1. JSX
① JSX는 자바스크립트 코드 안에 HTML과 유사한 문법을 사용해 UI를 정의할 수 있도록 해주는 문법 확장입니다.
② HTML처럼 보이지만 실제로는 자바스크립트 코드로 변환되어 실행됩니다.
2. JSX의 문법적 특징
① 하나의 루트 요소로 반환하기: JSX에서 작성하는 컴포넌트는 반드시 하나의 루트 요소만 반환해야 합니다. 여러 요소를 반환하려면 하나의 부모 요소로 감싸거나 Fragment를 사용해야 합니다.
② 모든 태그 닫기: HTML에서는 빈 태그를 닫지 않아도 되지만, JSX에서는 모든 태그를 반드시 닫아야 합니다.
③ 태그 속성은 카멜 케이스로 작성하기: JSX에서는 HTML 속성명을 카멜 케이스로 작성해야 합니다. class나 for처럼 자바스크립트 예약어와 충돌하는 속성은 className, htmlFor와 같이 다른 이름으로 대체합니다.