데브허브 | DEVHUB | [React.JS(19) + TypeScript] 07. JSX의 특징 (리액트, react 강의)[React.JS(19) + TypeScript] 07. JSX의 특징 (리액트, react 강의)
- JSX는 자바스크립트 내에서 HTML과 유사한 문법을 사용하기 위한 XML 확장 문법입니다. 💻
- HTML과 달리 JSX에서는 모든 태그를 반드시 닫아야 합니다 (예:
<img />). 🏷️
- JSX 속성명은 두 단어 이상 결합 시 카멜케이스 표기법을 사용합니다 (예:
tabIndex 대신 tabindex). 🐫
class는 className, for는 htmlFor 등으로 일부 속성명이 변경됩니다. 📛
- JSX는 중괄호
{}를 사용하여 자바스크립트 표현식을 삽입할 수 있습니다. 💡
- 인라인 스타일은 문자열이 아닌 객체 형태로 작성하며, CSS 속성명에 대시가 포함된 경우 카멜케이스로 변환합니다. 🎨
- JSX 주석은
{/* 주석 내용 */} 형식으로 작성합니다. 📝
- JSX는 반드시 하나의 루트 요소로 모든 태그를 감싸야 합니다. 🌳