이전에 작성했던 포스팅(React-speech-recognition, Web Speech API) 에서 해당 라이브러리의 문서를 읽어보다가, 라이브러리를 사용 시 브라우저별로 polyfill을 사용하는 것을 권장한다는 문구를 본 적이 있다.

당시에는 이미 기능 구현을 마치고 원리를 파헤치던 중이었기에, 무슨 상관이 있나 하고 넘어갔었는데, 추후 다른 프로젝트에서 브라우저별 지원/미지원 기능에 따라 예외처리를 하는 과정을 겪고 나서 polyfill을 다시 돌아보게 되었다.

image.png

폴리필은 기본적으로 지원하지 않는 이전 브라우저에서 최신 기능을 제공하는 데 필요한 코드(일반적으로 웹의 JavaScript)이다.

특정 브라우저의 비표준 기능을 상ㅇ하여 JavaScript 기능에 접근할 수 있는 표준 방법을 제공한다.

JQuery의 첫번째 버전은 폴리필의 초기 예이다.

폴리필은 본질적으로 JavaScript 개발자에게 모든 브라우저에서 작동하는 단일 공통 API를 제공할 수 있도록 기본적으로 브라우저 별 해결 방법을 모아둔 것.

스크린샷 2024-09-05 오전 9.31.51.png