Babel(바벨)이란?

안녕하세요 최근 눈이 내려서  더 추워진 것 같습니다. 여러분들도 빙판길 조심하시고 다가오는 크리스마스 까지 몸 건강하게 챙기세요!!
그럼 이번 시간에 학습할 내용 소개해드리겠습니다. 

Babel(바벨)에 대해 들어본 적 있으신가요? 저도 들어본 적은 있지만 자세한 내용은 잘 모르기 때문에 바벨에 대해 알아보겠습니다.

바벨 대표 로고

바벨 공식 문서  사이트 입니다~
https://babeljs.io/

Babel · Babel

Babel(바벨)은 자바스크립트 컴파일러이다. 

이전에 컴파일러란? 
컴파일러는 "우리가 작성한 프로그램 코드를 컴퓨터가 이해할 수 있는 기계어로 변환해준다" 라고 생각하면 됩니다.

쉽게 설명하자면 
바벨은 마치 자바스크립트 언어 번역기 같은 역할을 하는 도구입니다.  최신 자바스크립트 문법으로 작성한 코드를, 모든 브라우저가 이해할 수 있는 옛날 버전의 자바스크립트 코드로 바꿔주는 겁니다. 

그럼 바벨을 언제 어디에서 사용하나? 

 

• 새로운 자바스크립트 기능을 사용할 때
• 프레임워크나 라이브러리의 최신 버전을 사용할 때
• 다양한 브라우저를 지원해야 할 때 

이렇게 바벨은 다양한 곳에서 사용됩니다.

마지막으로 바벨 설치 방법입니다. 
주로 npm or yarn을 사용하여 설치합니다. 

npm install --save-dev @babel/core @babel/cli @babel/preset-env

 

결론적으로 바벨은 현대적인 자바스크립트 개발 환경에서 필수적인 도구입니다. 최신 자바스크립트 문법을 활용하고, 다양한 환경에서 코드를 실행해야 한다면 바벨을 적극적으로 활용하는 것이 좋습니다. 이상으로 바벨(Babel) 에 대해 알아보았습니다.  댓글 및 좋아요 달아주시면 댓글 달아드리도록 하겠습니다. 감사합니다.