[Javascript] IE 브라우저 호환성 한번에 적용하기

1. 'Promise'이(가) 정의 되지 않았습니다.

2. IE에서 Object.values() 사용하기 등등...

 

IE에서 사용하지 못하는 메소드가 굉장히 많죠

IE는 마이크로소프트에서 버린 아이템이지만, 아직까지 IE를 사용하고 있는 곳이 있다보니 호환성을 무시할 수가 없긴하죠. (제발 좀 버려.. 해킹당해서 그때가서 부랴부랴 고치지말고)

우선 polyfill 에서 제공하는 버전은 v2로 구버전입니다.

<script src="https://cdn.polyfill.io/v2/polyfill.min.js"></script>

두번째는 최신버전인 v3 이에요. 그럼 사이트에 들어가는데, 그 전에 사진으로 하나씩 설명을 드려볼게요.

https://polyfill.io/v3/url-builder/

[1] Polyfill 라이브러리 버전을 어떤걸로 선택할 것인지 선택할 수 있습니다.

[2] CDN으로 불러올 라이브러리를 일반버전으로 불러올 것인지? 압축버전으로 불러올 것인지? 선택하면 되구요.

[3] 각자 프로젝트에서 필요한 기능을 가지고 있는 기능에 체크박스를 체크해주시면 되요.

[4]+[5] 그런데, es6면 전부다 들어있나? 싶어서 저것만 체크하고 햇는데 안될 수 있잖아요. 그래서! 특정 모듈에 어떤 기능을 포함하고 있는지 [4] 번을 눌러서 보면 [5] 번에서 확인이 가능합니다.

[6] 추가한 라이브러리를 CDN으로 쓸 수 있도록 URL을 복사합니다.

그리고 적용할 프로젝트의 html 최상단 head 영역에 잘 넣어주시면 끝 -

 

Polyfill.io