바벨 이해하기

안녕하세요. 혹시 바벨의 원래 이름은 '6to5'였다는 것을 알고 계셨나요? 그 당시 최신 문법인 es6를 es5로 변환하는 컴파일러에 불과했던 도구가 확장성을 위해 '바벨'로 이름을 바꾸었습니다. 왜 바벨을 '컴파일러'라고 부르는지, 바벨이라고 이름을 지은 이유는 무엇인지, 어떻게 작동 하는지 등등에 대한 내용을 블로그 글에 담았어요. 궁금하신 분들은 한번 읽어 보시길 추천드립니다. :) 내용 요약 • 브라우저마다 이해하는 언어가 달라서 개발하는 데 어려움이 있었다. • 그 당시 최신 문법이었던 ES6를 ES5로 파싱하는 라이브러리인 '6to5'가 나왔다. • 맥켄지는 '6to5'보다 더 미래 지향적인 목표를 갖고 있었다. 따라서 이름을 바꾸기로 결정 하였고, '다른 언어를 자동으로 번역하는 물고기인 바벨피쉬'에서 이름을 따와 바벨(babel)로 짓게 되었다. • 바벨은 자바스크립트 컴파일러로써 이제는 ES6뿐만 아니라 최신 문법을 사용하더라도, 모든 브라우저가 이해할 수 있도록 컴파일하여 브라우저 호환성 이슈를 해결해 준다. • 바벨 작동의 핵심 기능이 담긴 @babel/core, 터미널에서 바벨을 쉽게 컴파일하게 만들어 주는 @babel/cli 설치는 필수이다. • 바벨은 다양한 플러그인 조합으로 환경에 맞게 구성하여 변환할 수 있으며, 플러그인 모음인 @babel/preset-env를 설치하면 간편하다. • 구문 변환 외 구형 브라우저에 필요한 객체/메서드/함수는 바벨 폴리필을 추가해야 한다.