개발하자(DevHaja)

[React] JSX

📝 JSX JSX는 자바스크립트의 확장 문법이며 XML과 비슷하게 생겼습니다. JSX 형식으로 작성한 코드는 브라우저에서 실행되기 전에 코드가 번들링되는 과정에서 바벨을 사용하여 일반 자바스크립트 형태의 코드로 변환됩니다. //JSX 코드 function App(){ return( Hello ); } export default App; //바벨을 사용하여 자바스크립트 코드로 변환된 코드 function App(){ return React.createElement("h1", null, "Hello"); } 컴포넌트를 렌더링할 때마다 JSX 코드를 작성하는 것이 아니라 React.createElement 함수를 사용해야 하는 것은 매우 불편합니다. 📝 JSX의 장점 1. 보기 쉽고 익숙하다 위처럼 일반 자바..