Frontend developer Project 스터디(FnP) 에서 다음 스터디 주제를 고민하다가
webpack, vite, babel 삼형제에 대해 공부해 보고 그 과정에서 프로젝트에 적용할 수 있는 부분을 나누기로 했다. 그 중 마지막 babel이올시다.
![](https://velog.velcdn.com/images/yona_inthe_fish/post/df0dac04-9aa6-49a4-8558-ac058336f6ea/image.png)
1. babel이란 무엇인가
Babel
은 최신 ES6+ 버전을 구버전인 ES5로 변환해주는 JS 컴파일러
이다.
2. babel을 왜 사용할까?
- 크로스 브라우징
- 최신 버전의 자스를 구현버전의 자스로 변환
- • 각 브라우저마다 JavaScript 엔진이 다르지만, 모든 브라우저에서 동작하도록 호환성을 지켜준다.
- 폴리필
- 폴리필은 개발자가 특정 기능이 지원되지 않는 브라우저를 위해 사용할 수 있는 코드 조각이나 플러그인을 의미함.
- 폴리필은 프로그램이 처음에 시작될 때 현재 브라우저에서 지원하지 않는 함수를 검사해서 각 object의 prototype에 붙여주는 역할을 한다.
📚 Reference