babel은 무엇인가

Frontend developer Project 스터디(FnP) 에서 다음 스터디 주제를 고민하다가
webpack, vite, babel 삼형제에 대해 공부해 보고 그 과정에서 프로젝트에 적용할 수 있는 부분을 나누기로 했다. 그 중 마지막 babel이올시다.

1. babel이란 무엇인가

Babel은 최신 ES6+ 버전을 구버전인 ES5로 변환해주는 JS 컴파일러 이다.

2. babel을 왜 사용할까?

• 크로스 브라우징
  • 최신 버전의 자스를 구현버전의 자스로 변환
  • • 각 브라우저마다 JavaScript 엔진이 다르지만, 모든 브라우저에서 동작하도록 호환성을 지켜준다.
• 폴리필
  • 폴리필은 개발자가 특정 기능이 지원되지 않는 브라우저를 위해 사용할 수 있는 코드 조각이나 플러그인을 의미함.
  • 폴리필은 프로그램이 처음에 시작될 때 현재 브라우저에서 지원하지 않는 함수를 검사해서 각 object의 prototype에 붙여주는 역할을 한다.

📚 Reference

• babel 공식문서
• 현수세상님 개발블로그