JSX 란? / 쓸 때 규칙 (리액트)

https://react.vlpt.us/basic/04-jsx.html 에서 발췌함

 

 

리액트 컴포넌트에서는 XML 형식의 값을 반환해줄 수 있는데 이를 JSX 라고 부릅니다.

JSX 는 리액트에서 생김새를 정의할 때, 사용하는 문법입니다. 얼핏보면 HTML 같이 생겼지만 실제로는 JavaScript 입니다.

 

꼭 지켜야하는 규칙

 

• 태그 닫아야함

• 두개 이상의 태그는 무조건 하나의 태그로 감싸야함

JSX 내부에 자바스크립트 변수를 보여줘야 할 때에는 {} 으로 감싸서 보여줍니다.

camelCase 형태로 네이밍 해주어야 합니다