Babel

React에서 babel의 동작원리 & React와 Virtual DOM 이해하기

먼저 babel이란? Babel 은 자바스크립트 컴파일러이다. 최신 버전의 자바스크립트 문법은 브라우저가 이해할 수 없기 때문에 babel이 브라우저가 이해할 수 있는 문법으로 변환해준다. 이로써 ES6, ES7 등의 최신 문법을 사용해서 개발을 할 수 있는것이다. React 에서 babel의 동작 function App() { return Tech Hello!; } 위와 같은 기본적인 jsx 코드가 있다. 이 코드는 babel을 거치게 되면 function App() { return /*@__PURE__*/ React.createElement( "h1", { id: "header", }, "Hello Tech" ); } 로 변하게 된다. React.createElement 두번째 줄을 보면 React의..