[BABEL] 개념과 등장배경

등장배경

* babel 등장배경  js 문법은 빠르게 변화하나 이 js를 실행시켜주는 환경(브라우저 등)이 이 속도를 따라오지 못하는 경우가 많음    브라우저의 종류나 버전이 매우 다양하고, 어떤 js 문법까지 지원을 해주는지 상이함. js로 코딩 시 최신 문법을 쓰기에 일부 실행환경에서 작동하지 않는 이슈가 발생할 수 있어서 낮은 버전으로 개발할지 딜레마에 빠질 수 밖에 없음

 

개념

실행환경(브라우저 버전 등)에 구애받지 않고 항상 최신 문법의 js로 코딩할 수 있도록 도와주는 도구    바벨은 자바스크립트 트랜스파일러로, 다른 실행환경에서도 돌아갈 수 있도록 js 언어와 버전을 유지한 채 소스코드의 형태만 바꿈    바벨을 이용하면 ES6 이상의 최신문법으로 작성한 코드를 그 이하의 예전 문법으로 작성한 것 처럼 소스코드 내의 문법의 형태만 바꿈    따라서, 최신 문법을 지원하는 실행환경과 지원하지 않는 환경 모두에서 문제가 없음

 

 

 이용

바벨은 최신 문법 뿐 아니라, 타입스크립트나 JSX등으로 작성된 코드를 변환할 때도 이용됨

 

 

[참고] https://www.daleseo.com/webpack-basics/

[참고] https://www.daleseo.com/js-babel/