HTML 폴리필(ployfill)이란?

video라는 태그를 버전 검색을 하다가 발견한 단어 polyfill. 궁금증이 발동해서 찾아 보았다.

poly라는 의미는 그리스어로 '많음'을 뜻하는 접두사로, 다각의 의미를 갖는다.
poly 접두사가 붙은 polygon은 다각형을 뜻한다.

polygon 다각형

fill은 채우다, 메우다의 의미

포토샵에서 색을 채우거나 메울 때 fill이란 메뉴를 사용한다.

polyfill 다각도로 메우다는 느낌을 갖는 단어로 짐작.

video라는 태그는 HTML5에서 추가된 기능이므로 익스플로어 8 이하 버전에서는 사용할 수 없다.
이때 플러그인을 사용해서 구현할 수 있는데, 이 때 사용하는 MediaElement.js 와 같은 것을 폴리필이라고 한다.
이처럼 폴리필(polyfill)은 웹 개발에서 기능을 지원하지 않는 웹 브라우저 상의 기능을 구현하는 코드를 뜻한다.

★ 장점 : 기능을 지원하지 않는 웹 브라우저에서 원하는 기능을 구현할 수 있음
☆ 단점 : 폴리필 플러그인 로드 때문에 시간과 트래픽이 늘어나고, 브라우저별 기능을 추가하는 것 때문에 코드가 매우 길어지고, 성능이 많이 저하된다

참고로, video태그를 구현해주는 폴리필의 플러그인 중 하나인 video.js 를 실현해주는 구체적 코드를 확인하자.

>> 자세히 보기

https://videojs.com/ 이라는 사이트인데, 메인 페이지가 시간 간격으로 바뀐다.