본문 바로가기

프론트앤드/Java-Script

[Javascript] IE 브라우저 호환성 한번에 적용하기
프론트앤드/Java-Script 2021. 5. 21. [Javascript] IE 브라우저 호환성 한번에 적용하기 1. 'Promise'이(가) 정의 되지 않았습니다. 2. IE에서 Object.values() 사용하기 등등... IE에서 사용하지 못하는 메소드가 굉장히 많죠 IE는 마이크로소프트에서 버린 아이템이지만, 아직까지 IE를 사용하고 있는 곳이 있다보니 호환성을 무시할 수가 없긴하죠. (제발 좀 버려.. 해킹당해서 그때가서 부랴부랴 고치지말고) 우선 polyfill 에서 제공하는 버전은 v2로 구버전입니다. 두번째는 최신버전인 v3 이에요. 그럼 사이트에 들어가는데, 그 전에 사진으로 하나씩 설명을 드려볼게요. [1] Polyfill 라이브러리 버전을 어떤걸로 선택할 것인지 선택할 수 있습니다. [2] CDN으로 불러올 라이브러리를 일반버전으로 불러올 것인지? 압축버전으로 불러올 것인지? 선택하면 되구요...
프론트앤드/Java-Script 2021. 5. 20. [Javascript] Babel을 이용한 IE 에서 ES6 문법 사용하기 크로스플랫폼을 지원으로 인한 각 브라우저별 호환성때문에, 프론트앤드 개발자는 항상 웁니다... 이번에 저는 "크롬"과 "엣지"를 기반으로 개발했는데 사용자가 "인터넷 익스플로러 11"이 필요하다고 하여 호환성때문에 Babel을 적용해서 조금이나마 쉽게 호환성을 유지하려고 Babel을 도입했어요. 그런데 이게 왠걸? 생각보다 너무너무 쉬운데요??? IE에서 ES6를 사용하기 위해서는 Babel 이라는 라이브러리를 사용할건데요. 우선 저는 간단하게 CDN 으로 사용해서 라이브러리를 적용해볼건데요 먼저 html의 head 영역에 아래 babel 스크립트를 import 시켜줍니다. 그리고 내부에서 스크립트 코드를 작성할 때에는 다음과 같이 작성하면 되요. 외부 스크립트를 불러올 때는 아래처럼 사용하면 된답니다!

티스토리툴바