Babel은 최신의 js코드를 normal한 예전의 js코드로 변환해주는 트랜스 컴파일러의 일종.

• import ⇒ ES6 (New)

  <aside> 💡 import express from “./express”

  </aside>

• require ⇒ CommonJS (Normal)

  <aside> 💡 const express = require("express");

  </aside>

많은 모던 웹 브라우저들이 ES6 문법을 어느정도 지원 하지만 부족한 상황이다. 따라서 바벨을 통해 크로스 브라우징(Cross Browsing)이슈를 해결할 수 있다.

JSX를 React.js 코드로 변환해주기도 한다. 때문에 React에서는 필수적으로 사용된다.

그런데 과연 Node.js 기반의 서버에서도 사용해야할까?

결론은 **굳이?**이다. Node.js는 ES6+의 문법또한 기본적으로 제공한다. 단지 import, export 구문의 사용에 있어서, package.json에 "type": "module" 해당 선언이 필요할 뿐이다. [import / export 문 사용 Node.js](https://dori2005.notion.site/import-export-b2ce69a9108d4bf3a53ab142c3ded67e)

• ChatGPT의 말로는 Babel의 사용을 고려해볼 경우는 아래와 같다.
  • Node.js의 버전이 상대적으로 오래되어 특정 최신 기능 및 문법이 지원되지 않을 때
  • Babel의 플러그인을 통한 코드의 변환, 최적화 기능이 필요할 때
  • JavaScript 환경을 관리하는 데 유용한 도구로써 필요할 때
  • 이미 Node.js의 최신 버전을 사용하여 필요한 기능을 충분히 활용할 수 있다면, 굳이 사용할 필요성이 없다.

ChatGPT가 찾은 내용을 전적으로 신뢰할 순 없겠지만, 스스로 아직은 Babel이 서버측면에 도움을 줄 수 있는 부분을 찾지 못하였기에, 개발할 서버는 기본적인 Node.js 기능을 사용하고자 한다.

사용법 (공식문서)

기본적인 사용

Node 서버에서 사용 시 (https://github.com/babel/example-node-server)

@babel/node 사용하여 빌드

[JS] Babel 이란?