아마그래머

옛날 어딘가에 정리했었던거 옮김. Bootstrap Modal을 쉽게 사용하게 해주는 BootBox.js 예제 Bootbox.js 소개 Bootbox.js는 필요한 DOM 요소 또는 JS 이벤트 핸들러를 생성, 관리 또는 제거하는 것에 대해 걱정할 필요없이 부트 스트랩 모달을 사용하여 프로그래밍 방식 대화 상자를 만들 수있는 작은 JavaScript 라이브러리이다. 공식사이트 Bootbox.js 사용방법 CDN https://cdnjs.cloudflare.com/ajax/libs/bootbox.js/4.4.0/bootbox.min.js 다운로드 위의 공식사이트에가서 다운로드 받아서 본인의 소스에 추가해서 사용하면 된다. Bootbox.js는 bootstrap의 모달을 이용하는 것이므로 bootstrap...

예전에 북마크 해둔게 있었다. this와 $(this)의 차이 this는 DOM object 이다. $(this)는 javascript의 this를 jQuery wrapper로 한번 감싼거라고 생각하면 된다. $(this)는 jQuery wrapper로 감싼 object이기 때문에 jquery method를 사용할 수 있다. 그러나 javascript의 native method들은 사용할 수 없다. https://stackoverflow.com/questions/3633270/difference-between-this-and-this-in-jquery Difference between $(this) and this in jquery What is the fundamental difference betwe..

노션에 있던거 정리..출처가 어디었는지 기억이 안난다. Array.prototype.division = function (n) { var arr = this; var len = arr.length; var cnt = Math.floor(len / n); var tmp = []; for (var i = 0; i

노션 정리하면서 옛날에 써놨던거 옮기기... 정리좀해야지... 자바스크립트 &&, || 연산자 자바스크립트의 연산자 중에 &&와 || 연산자가 있다. 어느 프로그래밍 언어에서나 이런 논리연산자가 있지만 자바스크립트는 조금 다르다. 자바스크립트의 &&와 || 연산자는 다른 언어와는 조금 다르다. 나는 자바를 처음부터 배워서 &&(AND) 나 ||(OR) 연산자를 이용해서 개발을 할 때는 먼저 값을 비교할 피연산자들을 설정하고 피연산자들의 값이 boolean 형태의 값이거나 boolean 형태의 값이 나오는 수식이 있어야되고 연산자 자체도 boolean 값을 리턴하게된다. int money = 2000; boolean hasCard = true; if (money>=3000 || hasCard) { Syst..

이벤트 핸들러 내부 this binding 시 currentTarget 속성과 target 속성의 차이 document.body.innerHTML = '클릭'; document.getElementById('clickDiv').addEventListener('click', function(event){ console.log(event.currentTarget); console.log(event.target); }); 이벤트 핸들러가 바인딩된 엘리먼트는 event.currentTarget 이벤트가 실제로 발생한 엘리먼트는 event.target 참고 https://stackoverflow.com/questions/10086427/what-is-the-exact-difference-between-current..

죽일놈의 ie.. StatCounter 에서 브라우저 점유율을 살펴보면 2021년 3월기준 0.73%이다. 왜 아직도 공공기관 사람들은 이걸 고집하는지...답답할 노릇이다. 크로스 브라우징을 위해 사용하는 jQuery 에서도 이런 오류가 나는거보면 진짜 버려야 할때가 되지 않았나 싶다. (jQuery 3.6.0이 현재 2021 04월 기준 최신인거 같은데 여기서만 나는지는 모르겠다..언제 부터 안되는건지는 잘 모르겠음) String.prototype.includes()가 ie에서는 지원하지 않으니 jQuery 스크립트가 실행되지 않는다는 오류이다. 해결방법으로는 String String.prototype.includes() 의 Polyfill을 추가해주면 된다. if (!String.prototype.i..

DOM 객체 Navigator의 userAgent라는 속성이 있다. 이 속성은 브라우저의 정보를 표시해주는 속성이다. 현재 사용하고 있는 브라우저의 정보를 확인할 수 있다. 모바일도 각각의 브라우저가 있다. userAgent 속성은 브라우저에서 서버로 보낸 사용자 에이전트 헤더의 값을 반환한다. 반환 된 값에는 브라우저의 이름, 버전 및 플랫폼에 대한 정보가 들어 있다. (이 프로퍼티는 읽기 전용이다.) 문법 navigator.userAgent 예제 //결과 Browser CodeName: Mozilla Browser Name: Netscape Browser Version: 5.0 (Macintosh; Intel Mac OS X 10_13_3) AppleWebKit/537.36 (KHTML, like G..

npm install '패키지명' --save save 명령어는 패키지의 dependencies 에 패키지 이름을 추가하는 옵션 위와 같이 인스톨 명령어에 save가 붙은 자료를 많이 볼 수 있는데 npm@5 부터 기본 값으로 설정되어 있어서 따로 붙이지 않아도 된다. [출처] 조현영, NodeJS 교과서, 2018