개발/Javascript, ECMAScript32 구형 브라우저 Internet Explorer 에 대한 간단 정리 개요 Internet Explorer, 인터넷 익스플로러 인터넷 익스플로러(Internet Explorer 또는 IE) 는 마이크로소프트 의 윈도우에서 사용되는 브라우저 이다. 모든 제품이 ES6 을 지원 안 한다... 마지막 버전은 11이다. 이후 등장한 제품으로는 '마이크로소프트 엣지' 가 있다. '인터넷 익스플로러'는 11버전으로 종료되었고, 가장 큰 문제로 ES6 을 지원하지 않는다. 이 문제로 인해서, 구형 브라우저 지원을 위해 babel 같은 Transpiler 를 사용하게 되는 원인이 된다. (그래서 'Microsoft'에서도 IE 를 없애고 싶어한다... 그런 까닭에 Windows 7도 더이상 지원을 안하게 되는 계기가 되었다고 볼 수 있다. Windows 7 에 엣지를 깔아주지 그랬느야... 2020. 1. 16. [babel] Module not found: Error: Can't resolve 'core-js/modules/es6.string.repeat' 개요 webpack 4.41.3, babel 7.7.5 환경인데 아래와 같은 오류를 만났다. Module not found: Error: Can't resolve 'core-js/modules/es6.string.repeat' 본문 결론부터 core-js 의 버전이 안 맞아서 발생하였다. 셋팅하던 과정 최신 버전으로 설치하기 위해서. npm install --save-dev @babel/core @babel/cli @babel/preset-env 를 해주고, 구 브라우저에서 안되는 기능도 있고. doc 을 참조하다가 (https://babeljs.io/blog/2019/03/19/7.4.0) npm install --save core-js@3 까지 잘 했는데. 문제가 발생했다... 분석 문서를 엄청 살펴.. 2019. 12. 19. [ECMA Script] ES6 의 Arrow Functions 에 대해서 필자는 ES5 와 ES6 을 잘 모른다. 오늘 처음 보고 있다. (새벽 5시에 보고 있는 중...) 잘 모르는데, 대부분을 이미 쓰고 있었다. (...) stackoverflow 사이트를 자주 이용하는데, 해결책으로 알려줬던 것들이 ES5, ES6 등 이었나보다... 오늘은 이것저것 보는 와중에 Arrow Functions 에 대한 설명을 보고 있었다. 얼핏보면 오해할 수도 있는 내용인 것 같은데, 자세한 설명이 부족해서 이에 관해서 적어보려고 한다. 참고할 주소는 https://www.w3schools.com/js/js_es6.asp 이다. // ES5 var x = function(x, y) { return x * y; } // ES6 const x = (x, y) => x * y; 이렇게 설명이 들.. 2019. 3. 1. [Node.js] Node.js 설치 스샷 (윈도우 환경) 2019. 2. 21. encodeURI encodeURI URI 에 대해 특별한 의미를 갖는 문자들은 인코딩 하지 않음.인코딩 되는 것* 공백은 %20 로 인코딩. 인코딩 되지 않는 것* 다음 특수문자들은 인코딩 하지 않음 (;,/?:@&=+$#)* https: 같은 부분은 인코딩 되지 않음* 알파벳 등은 인코딩 되지 않음* 예약되지 않은 마크 등은 인코딩 하지 않음. (-_.!~* 등) 예시encodeURI("http://www.google.com/results with spaces#some-anchor")http://www.google.com/results%20with%20spaces#some-anchor encodeURIComponent 인코딩 되는 것* 공백은 %20으로 인코딩* 다음 특수문자들도 인코딩 (;,/?:@&=+$#) 인코딩.. 2019. 2. 21. [javascript] javascript 에서 null 체크 우선적으로, 자바스크립트에서 null 과 아예 없는 것은 조금 다르다고 한다. 이런 이유로 브라우저 마다 체크 결과가 다르기도 했었다. (브라우저 개발사마다 이해를 다르게 한 까닭에...) null 은 값이 없는 상태,undefined 는 변수는 선언했으나 값을 할당하지 않은 상태.예를 들어, 변수가 생성된 이후에, null 값을 대입할 수 있지만 undefined 를 대입할 수는 없다. if (typeof a == "undefined") if (a == undefined) if (a == null) 대체적으로는 ( a === undefined ) 와 (typeof a == "undefined") 는 같은 의미로 생각된다.(주의 : 그러나 현대에 들어서는 조금 다른 의미로 생각한다.) (x === und.. 2019. 2. 21. [제이쿼리 jquery] jquery Ajax 이후에 Popup 해야 하는 경우 개요Jquery Ajax 통신 후에 팝업창을 띄우고자 할 때가 있습니다. 저의 경우는 크롬을 사용중입니다. 다른 브라우저는 확인을 못했습니다. 이 경우에, 비동기 통신 후 window.open(주소) 를 호출하게 되겠지요. 본문(일반 Ajax 예시) // ajax process $.ajax({ url:"url주소", method:"POST", data:formData, dataType:"html", success: eventSuccess, error: function(xhr, status, error) {alert(error);} }); function eventSuccess(data) { alert(data); } 이런 식으로 Ajax 통신을 할 것입니다. 그런데 통신 이후에 Alert 창을 띄우는 것.. 2015. 10. 15. JSON 타입을 문자열로 변환 개요JSON 타입 을 문자열로 변환하는 것에 대한 내용입니다. JSON 에 대해서 간단 설명JSON (JavaScript Object Notation) - 자바스크립트 의 간략한 오브젝트 형. - 사용하기 쉽다. - var 변수 = {이름: "홍길동", 주소:"가나다라"}; 본문JSON 은 일종의 Object 타입에 가깝습니다. 문자열 같아보이기는 하지만, 접근법에 있어서 문자열은 아닙니다. 이 경우에 무언가를 치환한다거나, 디버깅 할 때에 불편한 요소가 발생하기도 하는데, 혹은 request 를 날리거나 하는 경우에, 문자열로 치환할 필요가 생기기도 합니다. 초반에는 잘 사용이 안 되가다가, 최근에는 종종 사용하게 되네요. 아래와 같은 함수를 이용하면 됩니다. JSON.stringify(json_dat.. 2015. 10. 3. [jquery] closest jquery 에서 부모 객체를 찾는 방법은 $(셀렉터).parent(); 입니다. 여기서 더 상위의 것을 탐색하기 위해서는$(셀렉터).parents("filter"); 를 사용하게 됩니다. 그런데 parents 의 경우는 여럿을 탐색하게 되므로, 순서적으로 탐색하는 closest 가 필요할 수가 있습니다. $(셀렉터).closest("ul") 이런식으로 하면, li 에서 바로 위의 ul을 찾기 용이해집니다. 2015. 10. 2. [자바스크립트 Javascript] 금액의 세자리 마다 , 추가하는 함수 자바스크립트 에서 숫자 타입의 값에 세 자리 마다 , (쉼표) 를 넣는 함수 입니다. 235463 -> 235,463 과 같이 변환해줍니다. (출처는 너무 오래되서 못 찾겠습니다...) function numFormat(value) { var number = parseFloat(value); if(isNaN(value)) return "0"; if(number==0) return "0"; var reg = /(^[+-]?\d+)(\d{3})/; var n = (number + ''); while (reg.test(n)) n = n.replace(reg, '$1' + ',' + '$2'); return n; } 2015. 5. 10. 이전 1 2 3 4 다음
