react jsx 규칙 #jsx #jsx 규칙 (1) 썸네일형 리스트형 React(리액트): JSX 규칙 (태그, 중괄호{}, 주석) JSX의 기본 규칙 알아보기 JSX는 리액트에서 컴포넌트의 생김새를 정의할 때 사용하는 문법이다. 얼핏 보기에는 HTML처럼 생겼지만 사실 자바스크립트이다. 'BABEL(바벨)'이라는 도구를 사용해서 XML 형태의 코드가 자바스크립트로 변환이 되는 것이다. BABEL이라는 도구가 JSX라는 문법을 사용해서 XML형태로 선언하면 이걸 자바스크립트로 변환해준다. 이렇게 JSX로 작성한 코드가 자바스크립트로 제대로 변환되려면 준수해야할 몇 가지 규칙이 있다. 지금부터 그 규칙들을 알아보자. 첫 번째, 태그는 꼭 닫혀있어야 한다. import "./App.css"; import Hello from "./Hello"; function App() { return ( 이전 1 다음