안녕하세요 최근 눈이 내려서 더 추워진 것 같습니다. 여러분들도 빙판길 조심하시고 다가오는 크리스마스 까지 몸 건강하게 챙기세요!!
그럼 이번 시간에 학습할 내용 소개해드리겠습니다.
Babel(바벨)에 대해 들어본 적 있으신가요? 저도 들어본 적은 있지만 자세한 내용은 잘 모르기 때문에 바벨에 대해 알아보겠습니다.
바벨 공식 문서 사이트 입니다~
https://babeljs.io/
Babel · Babel
The compiler for next generation JavaScript
babeljs.io
Babel(바벨)은 자바스크립트 컴파일러이다.
이전에 컴파일러란?
컴파일러는 "우리가 작성한 프로그램 코드를 컴퓨터가 이해할 수 있는 기계어로 변환해준다" 라고 생각하면 됩니다.
쉽게 설명하자면
바벨은 마치 자바스크립트 언어 번역기 같은 역할을 하는 도구입니다. 최신 자바스크립트 문법으로 작성한 코드를, 모든 브라우저가 이해할 수 있는 옛날 버전의 자바스크립트 코드로 바꿔주는 겁니다.
그럼 바벨을 언제 어디에서 사용하나?
- 새로운 자바스크립트 기능을 사용할 때
- 프레임워크나 라이브러리의 최신 버전을 사용할 때
- 다양한 브라우저를 지원해야 할 때
이렇게 바벨은 다양한 곳에서 사용됩니다.
마지막으로 바벨 설치 방법입니다.
주로 npm or yarn을 사용하여 설치합니다.
npm install --save-dev @babel/core @babel/cli @babel/preset-env
결론적으로 바벨은 현대적인 자바스크립트 개발 환경에서 필수적인 도구입니다. 최신 자바스크립트 문법을 활용하고, 다양한 환경에서 코드를 실행해야 한다면 바벨을 적극적으로 활용하는 것이 좋습니다. 이상으로 바벨(Babel) 에 대해 알아보았습니다. 댓글 및 좋아요 달아주시면 댓글 달아드리도록 하겠습니다. 감사합니다.
'JavaScript' 카테고리의 다른 글
| 자바스크립트 Async & Await (비동기 프로그래밍 문법) (0) | 2024.01.24 |
|---|---|
| 자바스크립트 Callback hell and Promise(콜백헬 그리고 프로미스) (0) | 2024.01.24 |
| 자바스크립트 비동기 프로그래밍(asynchronous programming), 동기 프로그래밍(Synchronization Programming) (0) | 2024.01.20 |
| 자바스크립트 Closure(클로저) (0) | 2024.01.19 |
| 자바스크립트 Execution Context (실행 컨텍스트) (1) | 2024.01.11 |