React - JSX란?
JSX JSX란 JavaScript XML의 줄임말로 React에서 쓰는 JavaScript 문법입니다. 이 JSX를 이용해서 보통 UI를 구성하고 React Element를 만들 수 있습니다. 그렇다면 JSX만 있다고 바로 Javascript를 실행할 수 있을까요? 안됩니다. 그렇다면 어떻게 브라우저에서 해석할까요?? 바로 Babel이 React의 JSX를 우리가 아는 Javascript로 컴파일 해줍니다. JSX의 컴파일 순서는 다음과 같습니다. JSX --->>> Babel(Compile) --->>> JavaScript --->>> Browser(Chrome, Firefox, Edge) React는 DOM과 다르게 JSX와 CSS만으로도 웹앱을 개발할 수 있습니다. 또 DOM 코드보다 좀 더 직관..
Web/React
2022. 12. 20. 22:53
