javascript5 [Javascript] IE 브라우저 호환성 한번에 적용하기 1. 'Promise'이(가) 정의 되지 않았습니다. 2. IE에서 Object.values() 사용하기 등등... IE에서 사용하지 못하는 메소드가 굉장히 많죠 IE는 마이크로소프트에서 버린 아이템이지만, 아직까지 IE를 사용하고 있는 곳이 있다보니 호환성을 무시할 수가 없긴하죠. (제발 좀 버려.. 해킹당해서 그때가서 부랴부랴 고치지말고) 우선 polyfill 에서 제공하는 버전은 v2로 구버전입니다. 두번째는 최신버전인 v3 이에요. 그럼 사이트에 들어가는데, 그 전에 사진으로 하나씩 설명을 드려볼게요. [1] Polyfill 라이브러리 버전을 어떤걸로 선택할 것인지 선택할 수 있습니다. [2] CDN으로 불러올 라이브러리를 일반버전으로 불러올 것인지? 압축버전으로 불러올 것인지? 선택하면 되구요... 2021. 5. 21. [Javascript] Babel을 이용한 IE 에서 ES6 문법 사용하기 크로스플랫폼을 지원으로 인한 각 브라우저별 호환성때문에, 프론트앤드 개발자는 항상 웁니다... 이번에 저는 "크롬"과 "엣지"를 기반으로 개발했는데 사용자가 "인터넷 익스플로러 11"이 필요하다고 하여 호환성때문에 Babel을 적용해서 조금이나마 쉽게 호환성을 유지하려고 Babel을 도입했어요. 그런데 이게 왠걸? 생각보다 너무너무 쉬운데요??? IE에서 ES6를 사용하기 위해서는 Babel 이라는 라이브러리를 사용할건데요. 우선 저는 간단하게 CDN 으로 사용해서 라이브러리를 적용해볼건데요 먼저 html의 head 영역에 아래 babel 스크립트를 import 시켜줍니다. 그리고 내부에서 스크립트 코드를 작성할 때에는 다음과 같이 작성하면 되요. 외부 스크립트를 불러올 때는 아래처럼 사용하면 된답니다! 2021. 5. 20. [JQuery/Javascript/ERROR] HTTP CORS 크로스도메인 요청 에러 XMLHttpRequest cannot load http//localhost.com. No ‘Access-Control-Allow-Origin’ header is present on the requested resource. Origin ‘http//localhost.com is therefore not allowed access. 항상 로컬에서 테스트용으로 파일첨부를 개발할 때 주로 발생하게되요. 전 알면서 항상 보는 에러이긴 한데, 이 에러보면 그때서야 "아! 맞다... 호스트 다르지..." 하고 전 보안설정을 풀어버리는 방법을 주로 사용합니다. 어차피 개발 테스트용이니 ! - CORS 의 발생 원인 동일 출처 정책 ( Same-Origin Policy ) 웹에서는 동일 출처 정책을 적용하고 있는데,.. 2019. 9. 29. [JQuery] 드래그앤드랍 구현 JQuery의 첫 개발 포스트는 드래그앤드랍을 활용해서 리스트 순서를 바꾸는 기능을 구현해볼거에요 :-) 물론 순서를 바꾸고, 바꾼 순서를 콘솔을 통해 보여주는 기능까지 구현해볼거니까, 걱정하지마세요 ! 먼저 위에 그림은 완성된 모습이에요. 일단 Item 순서가 약간 바뀌어있는데, 이건 제가 화면에서 드래그앤드랍을 통해 바꿔봤어요 ! 그러면 잡소리 안하고 바로 소스 리뷰와 함께 바로 아래에 샘플소스 압축파일을 받아보시면 되요 ! Item 1 Item 2 Item 3 Item 4 Item 5 Item 6 Item 7 확인 소스는 무진장 간단해요 ! ul, li 태그로 리스트를 만들어주고, 움직이게 해주기위한 JQuery 라이브러리를 사용해서 간단하게 구현해보았어요 JQuery는 다운로드는 여기 클릭하셔서 .. 2018. 9. 22. 이전 1 2 다음
