JavaScript29 [JavaScript] window.onerror 정리 화면에 잡히는 오류를 handling 해야되는 일이 생겨서 알아보고 정리하는 글. 참고 문헌 : https://developer.mozilla.org/en-US/docs/Web/API/GlobalEventHandlers/onerror GlobalEventHandlers.onerror - Web APIs | MDN The onerror property of the GlobalEventHandlers mixin is an EventHandler that processes error events. Error events are fired at various targets for different kinds of errors: When a JavaScript runtime error (including synt.. 2021. 2. 1. [javascript] Uncaught SyntaxError: Cannot use import statement outside a module 별 특별한게 없는 기본 HTML 파일에서 webpack 으로 말아서 올린 exportScript.js 에 있는 `consoleTest()` function 을 쓰고자 하니까 아래와 같은 오류가 발생했다. 에러 메세지 그대로, 외부에 있는 module 을 사용할 수 없다는 뜻이었고. 해결은 CDN 선언부에서 script type 을 "module" 로 지정해주니까 되었다. 덧, exportScript.js 는 window 에 event 바인딩이 되지 않아서 맨 밑에 저 라인까지 추가해주었다. export let exportScript = { ... }; window.exportScript = exportScript; 2021. 1. 7. [Javascript] 자바스크립트 배열 값 중 최대값 찾기 화면단에서 최대값을 구해야하는 로직을 개발하고 있었다. 그러기 위해서는 배열로 관리하는게 편했고, 그래서 나는 자바스크립트 배열 값 중에서 최대값을 찾아야 했는데 까먹을까봐 포스팅을 한다. var arr = []; arr.push(10); arr.push(20); arr.push(30); Math.max(...arr); Math.max() 를 사용하되 그 핵심은 ... 이 부분인듯 하다 :) 2020. 7. 3. [Javascript] Object 객체에 .forEach() 가 안먹을 때 화면단 개발을 하면서 화면에 객체를 내릴 일이 생겼다. 이 과정에서 나름 화면에 노출되는 정보를 최대한 숨기겠다고 첫 번째 방식이 아닌, 두 번째 방식인 Object 객체로 내렸다. // 이렇게 내릴까? user = [ { 'id':'vvh-avv', 'name':'홈주' }, { 'id':'hajs', 'name':'하지수' } ] // 아니야 이렇게 내리자! user = { 'vvh-avv' : '홈주', 'hajs' : '하지수' } 근데 여기서 문제는.. user 를 돌면서 이름을 가져와야 했는데 ㅜㅜ 어느 때와 같이 .forEach() 를 했는데 안먹었다. 하지만 당황하지않고 다른 방법(.map() / .reduce()) 을 써봤는데도 안되더라. 😓 여기서 내가 간과했던 점은 Object 는 I.. 2020. 5. 14. [JavaScript] 헷갈리지 말자! for loop 유형 (in, of) 화면단 스크립트를 짜면서 for 문을 도는데, 뭔가 이상하다 🤨 ... 왜 for loop 이 내가 원하는대로 안돌까 ... !!!!! 그 이유를 찾고, 앞으로 헷갈리지 않기 위해 작성하는 포스팅 :) 1. for in loop for in loop 는, for loop 를 "Index" 기준으로 돈다. 2. for of loop for of loop 는, for loop 을 "value" 기준으로 돈다. jQuery 대신 자바스크립트로 풀어야 할 땐 이 점 유의해서 원하는 for loop 를 사용하자 😉 2020. 3. 12. [JavaScript] Ajax Error Callback 에서 this.~ 호출 주의 Ajax 통신 시 보통 에러 콜백을 설정해서 후단 처리를 진행하는데, 에러 콜백에서 같은 스크립트 파일에 있는 function 을 부르겠다고 this.~ 을 하게 되니 크롬에서 오류가 발생했음.. 이유는, this 를 걸어버리는 순간 'a' 가 아니라 'ajax' 를 바라보기 때문임... var a = { /* 알럿을 띄우는 function */ displayAlert : function(msg) { alert(msg); }, /* 여기부터 실행한다고 가정 */ init : function() { $.ajax({ url : ~~~ ... success : function() { console.log("success!"); }, error : function() { this.displayAlert("알럿을.. 2019. 10. 2. 이전 1 2 3 4 5 다음
