[리액트] JSX

JSX란? HTML과 유사하게 하게 생겼지만 JavaScript 언어의 확장된 문법이다. 리액트 프로젝트에서 겉으로 보이는 부분을 정의할 때 사용한다. 리액트 프레임워크에서 특화된 개념이다. 컴파일에 최적화되어 있다. Babel이 컴포넌트 파일 안에 있는 XML 형태인 JSX를 Javascript로 변환해준다. JSX 파일은 컴파일이 되기 때문에 변환과정에서 오류가 있을 경우에 빌드할 때 오류가 발생한다. JSX -----[Babel]----> Javascript //src/App.js function App() { return ( Edit src/App.js and save to reload. Learn React ); } JSX 기본 문법 꼭 닫혀야 하는 태그 /div> 꼭 감싸져야하는 태그 2개 이..

2020.05.24