Polyfill

폴리필은 웹 개발에서 기느으을 지원하지 않는 웹 브라우저 상의 기능을 구현하는 코드이다.

예를 들어 ie라던가.. ie라던가.. ie라던가…^^……

내가 맨 처음 폴리필의 존재를 알게된건 vue를 개발하다가 ie에서는 blank로 나오는 현상을 발견했을때였는데,

아니 이게모야…? 하는 생각뿐이었다.

알고보니 ie에서는 es6를 지원해주지않아 blank로 뜨는거시어따

폴리필을 적용하기 위해 npm에서 설치를 할때 babel이라고 같이 떠있는걸 볼 수 있다.

@babel/polyfill 이렇게 설치한다

npm install --save @babel/polyfill

그럼 바벨은 무엇인가…

Babel is a toolchain that is mainly used to convert ECMAScript 2015+ code into a backwards compatible version of JavaScript in current and older browsers or environments.

이전버전과 호환되는 js버전으로 변환하는데 사용되는 도구이다. 그러니까 뭐 간단하게 얘기하면 컴파일러라는 것…

화살표함수나 es6에서 지원하는 문법들을 사용하기 위해서는 이 바벨이 필요하다.

바벨폴리필은 정적메소드를 지원해주지 않는 브라우저에서도 작동할 수 있도록 변환해준다.

나같은 경우는 폴리필을 vue에 적용할때 이렇게 사용했다

[Vue.js] Vue를 적용하니 IE11에서 하얀화면(blank)으로 나올때

참고 : babel, babel-polyfill 왜 같이 사용할까?

도움되는 글: Babel 이해하기