Polyfill 사용하기

Polyfill 사용 방법은 알아봅니다.

메서드를 사용하기 전 브라우저 호환성을 확인 하는 것은 중요합니다. CanIuse 사이트에서도 확인이 가능하.

만약 IE 사용이 불가능한 메서드라면 제공된 Polyfill을 사용할 수 있다. polyfill은 MDN 문서에서 확인이 가능하다.

Element.closest()의 polyfill 코드

polyfill의 코드를 복사하고 polyfill 파일을 따로 생성해서 js 파일에 붙여넣기 해준다.

polyfill 파일을 만든 이미지

polyfill은 html 문서에서 해석한다. 그렇기 때문에 작업(src)폴더와 배포(dist)폴더를 따로 사용하는 경우라면, 경로 문제로 인한 오류를 방지하기 위해서 html 문서가 접근 가능한 경로에 polyfill 파일을 생성하는 것을 권장한.

html문서에 polyfill 파일을 불러온 것, 가장 먼저 polyfill 파일을 불러왔다.

Sass에서 mixin을 사용하기 위해서는 문서의 상단 mixin 파일을 먼저 불러와야지 mixin을 사용할 수 있. 이처럼 사용하려는 메서드를 사용하기 전에 먼저 해당 메서드의 polyfill을 먼저 불러와야 IE에서 사용이 가능하다.