babel 트랜스파일러 관련 질문

Question

안녕하세요 리액트 jsx에 대해 공부중인 신입 직장인입니다.혹시 jsx 코드를 바벨로 트랜스파일링을 하게되면 변환되는 코드가 순수자바스크립트로 변환이 되는건가요?아직 코딩지식이 부족하여 여기에 질문 드립니다. import React, { useState } from 'react'; const Counter = () => { const [value, setValue] = useState(0); return (

현재 카운터 값은 {value} 입니다.

); }; export default Counter; || exports.__exModule = true; exports.default = void 0; var _react = babelHelpers.interopRequireWildcard(require("react")); const Counter = () => { const [value, setValue] = (0, _react.useState)(0); return /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement("p", null, "\uD604\uC7AC \uCE74\uC6B4\uD130 \uAC12\uC740 ", /*#__PURE__*/_react.default.createElement("b", null, value), " \uC785\uB2CB\uB2E4."), /*#__PURE__*/_react.default.createElement("button", { onClick: () => setValue(value + 1) }, "+1"), /*#__PURE__*/_react.default.createElement("button", { onClick: () => setValue(value - 1) }, "-1")); }; var _default = Counter; exports.default = _default;바벨로 변환된 코드입니다.

babel 트랜스파일러 관련 질문

0개의 답변

Q&A 목록