jsx
-
JSX와 BabelReact 2022. 8. 22. 02:36
JSX는 자바스크립트의 확장 문법이며, XML과 매우 비슷하게 생겼다. 또한 리액트로 프로젝트를 개발할 때 사용되므로 공식적인 자바스크립트 문법은 아니다. JSX의 형식은 아래와 같다. 1 2 3 4 5 6 7 function App(){ return ( Hello react ); } cs JSX 코드는 Babel을 이용하여 아래와 같은 일반 자바 스크립트 형태의 코드로 변환됩니다. 1 2 3 function App(){ return React.createElement("div", null, "Hello", React.createElement("b", null "react")); } Colored by Color Scripter cs 매번 컴포넌트를 랜더링할 때마다 JSX코드를 작성하는 것이 아니라 위 ..