jsx
-
React 문법 : JSX (JavaScript XML)Study/React 2020. 1. 2. 10:04
import React from 'react'; function Hello() { return 안녕하세요 } export default Hello; return 뒤에 작성된 부분이 마치 HTML 처럼 생겼지만 이는 JSX 문법이라고 할 수 있다. JSX란? 자바스크립트 문법을 확장하여 UI가 어떻게 보일지 정의하는 문법이다. 리액트 컴포넌트 파일에서 XML 형태로 코드를 작성하면, Babel이 JSX 문법을 JavaScript로 변환해준다. 하지만, JSX가 제대로 자바스크립트로 변환이 되려면 지켜야하는 규칙들이 있다. JSX 규칙 1. 태그는 닫혀있어야 한다. import React from 'react'; import Hello from './Hello'; function App() { return ..