개념 정리

polyfill(폴리필)이란?

Bittersweet- 2022. 1. 13. 10:21
728x90

브라우저에서 지원하지 않는 코드를 사용 가능하도록 하게 하는 코드 조건이나 플러그인(추가 기능)을 의미한다.

예를 들어 ES5에 존재하지 않는 ES6의 Map, Promise, Set, Object.assign() 등을 사용 가능한 객체로 만들어준다.

 

브라우저(특정 엔진)에서 지원하지 않는 코드를 사용할 때 바벨(babel)과 같은 트랜스파일러를 사용하는데 

babel에서 사용되던 babel-polygill 모듈이 Babel v7.4.0부터 더이상 사용되지 않으므로

ECMAScript 기능을 대체하는 core-js/stable, 제네레이터 함수 기능을 대체하는 regenerator-runtime/runtime을 사용한다.

core-js

 

core-js

Standard library

www.npmjs.com

regenerator-runtime

 

regenerator-runtime

Runtime for Regenerator-compiled generator and async functions.

www.npmjs.com