개념 정리

폴리필(polyfill)

Bittersweet- 2022. 2. 7. 08:47
728x90

JS는 새로운 문법이나 기존에 없던 내장 함수에 대한 정의가 추가되곤 한다.

새로운 문법을 사용해 코드를 작성할 경우, 트랜스파일러(예를 들자면 Babel)는 이를 표준에 맞는 코드로 변경해둔다.

반면, 새롭게 추가된 함수는 명세서(JS) 내 정의를 읽고 이에 맞게 직접 함수를 구현해야 사용할 수 있다.

 

이렇게 변경된 표준을 준사할 수 있게 기존 함수의 동작 방식을 수정하거나, 새롭게 구현한 함수의 스크립트를 "폴리필"이라고 부른다.

폴리필(polyfill)은 말 그대로 구현이 누락된 새로운 기능을 메꿔주는 (fall in) 역할을 한다.

 

좀 더 쉽게 바꿔 말하면 브라우저가 지원하지 않는 자바스크립트 코드를 지원 가능하도록 변환한 코드를 말한다.

 

 

주목할 만한 폴리필 두가지는 아래 참고

  • core js - 다양한 폴리필을 제공함. 특정 기능의 폴리필만 사용하는 것도 가능
  • polyfill.io - 기능이나 사용자의 브라우저에 따라 폴리필 스크립트를 제공해주는 서비스

폴리필과 트랜스 파일러는 필수라고 볼 수 있다.

 

<참고자료>

https://ko.javascript.info/polyfills

 

폴리필

 

ko.javascript.info