jsx, babel, react의 관계에 대

Question

babel은 javascript 컴파일러이고(예전 이름은 '6to5') 제공하는 기능은 아래와 같음 - ES6 이상의 문법을 ES5로 변환 (대부분의 브라우저와 버전에서 이상없이 돌아가게 하기 위해) - JSX 문법을 javascript로 변환JSX는 javascript xml의 약자이고 javascript에 html을 쉽고 편하게 결합내지는 혼용하여 표현하는 문법브라우저에서는 당연히 jsx를 바로 해석하지 못하므로 babel 컴파일러를 이용하여 일반적인 javascript로 변환이 필요위 내용은 react를 오늘 처음 접하면서 알게된 내용 입니다.자연스럽게 아래와 같은 의문이 생기더군요. - babel이 jsx를 컴파일한 코드를 보면 react가 사용된 코드로 뽑아줌 - react 없이 jsx만으로 개발을 진행한다고 하더라도 react 라이브러리 import가 강제되는거 아닌가? - jsx는 react에서 만든 문법이 아닌거 같은데 babel은 왜 react를 선택한 것일까? ES6&#43; -> ES5로 변환 하듯이 JSX -> 바닐라JS로 변환을 왜 하지 않은걸까?제가 잘못 알고 있는 부분이 있다면 정정 부탁드리고 의문증 해결도 부탁드립니다.

킁킁탐정 · Answer

JSX를 react만 사용하지 않습니다. 다른 용도로 여러 곳에서 사용됩니다. babel에서도 다른 라이브러리를 사용하도록 지정이 가능합니다.https://babeljs.io/docs/en/babel-plugin-transform-react-jsx#usageJSX는 transpilers를 사용을 목적으로 만들어졌다고 스펙에 나와있습니다.https://facebook.github.io/jsx/#sec-intro

jsx, babel, react의 관계에 대

1개의 답변

Q&A 목록