> For the complete documentation index, see [llms.txt](https://yamoo9.gitbook.io/webpack/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://yamoo9.gitbook.io/webpack/babel/babel-javascript-compiler.md).

# Babel JavaScript 컴파일러

차세대 JavaScript 변환 도구

차세대 표준 ECMAScript (JavaScript) 구문을 사용하면 보다 세련되고 효과적으로 프로그래밍 할 수 있습니다. 하지만 브라우저 호환성에 늘 발목이 잡혀 여전히 오래된 구문을 사용할 수 밖에 없었습니다.

> "새로운 ES 문법을 지원하지 않는 브라우저에서도, 사용할 수 있게 되면 좋겠다."

![](https://1127883942-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MTbexhuB2p5ev8QaGgg%2F-MV8YbpIvNhIsTCiHTZ_%2F-MV8_l-dYpWUXLhirzq7%2Fimage.png?alt=media\&token=4787395f-e96a-446f-be18-e33558d6f159)

이러한 염원을 이뤄준 도구가 [Babel](https://babeljs.io/) JavaScript 컴파일러입니다. Babel은 웹 브라우저 환경에서 ECMAScript 2015+ 코드를 이전 버전과 호환되는 JavaScript 버전으로 변환 하는 데 주로 사용되는 도구 모음입니다. 이 플러그인을 사용하면 브라우저 지원 또는 호환을 기다리지 않고 당장 새로운 표준 또는 제안 된 구문을 사용할 수 있습니다.

![Use next generation JavaScript, today.](https://1127883942-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MTbexhuB2p5ev8QaGgg%2F-MVB0RvLatH4ps8eNvcz%2F-MVB1Qp9JrWVrpXh67QP%2Fimage.png?alt=media\&token=54ec4c49-8fac-4acc-8056-f2d20d8f666e)