프론트앤드12 [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. [Vue.js] VueJS 코딩 공작소 (길벗) 책 리뷰 #중간후기 안녕하세요. Vue.js 코딩 공작소 (길벗) 책을 바탕으로 VueJS를 저 스스로도 공부하면서 강의를 올리고 있는데요. 개인적으로 저는 그렇게 추천하지 않습니다. 인터넷에서 이 책을 많이 추천하고, 권유하는 걸 보고 저도 따라서 구입해봤는데 전 이런 흐름의 책은 별로 권하고 싶지 않아요. 기초 개념부터 A를 알려주고, B를 알려주고, C를 알려주고... 그래서 응용하면 AB 또는 BC, ABC 이런식으로 조합이 가능할 수 있고, 독자의 응용력에 따라 많은 방법이 있다는 걸 알려주는 책이 좋은 책이라고 생각합니다. 그런데 이 책은 A를 알려주고, B를 알려주다가 갑자기 E를 알려줍니다. 그리고 설명에는 이렇게 적혀있습니다. 자세한 C와 D에 대한 내용은 Github 샘플 코드에서 제공됩니다. 정말 제가 .. 2020. 9. 14. [Vue.js] VueJS 강의 #4 - HTML 이벤트 바인딩 참조된 서적 : Vue.js 코딩 공작소 (길벗) - 사진은 생략, 앞에 보셨으니 다들 아실겁니다. 1. HTML에 이벤트 바인딩 (이벤트 발생) 이번 강의는 이벤트를 발생시키는 것인데, 일반적인 javascript 에서는 주로 onClick="function()" 을 사용하게 됩니다. VueJS에서는 Vue 문법을 따라해야하는데, 2가지 방법이 있습니다. 편한 방법으로 정해서 통일시켜서 사용하면 됩니다. v-on:click="function" 또는 @click="function" 으로 사용할 수 있습니다. 다시 말하면, v-on 을 @로 작성할 수 있다고 보면 됩니다. - EventBinding.html dev-box tistory 장바구니 담기 v-on 에 가능한 이벤트들은 위 예제에서 사용하고 있는.. 2020. 9. 14. 이전 1 2 3 다음
