CheolCheol Dev Note

IE에서는 event listeners를 붙이거나 없앨 때, addEventListener/removeEventListener 대신에, attachEvent/detachEvent를 쓴다. IE에서는 event 이름의 형식이, event가 아닌, onevent 형식을 쓴다. IE에서는 event object를 해당 listener의 한 전달 변수(argument)로 돌려주지 않아서, 대신 global event 변수를 써서 접근해야 한다. event 발생시 기본적으로 주어진 action이 실행되는 것을 막으려면 preventDefaultmethod를 쓰는 것이 정석이지만, IE에서는 event object의 returnValue 속성 값을 false로 지정해 주어야 한다. IE는 event 전달 과정(pr..

현재 웹 페이지가 어떤 웹 브라우저로 열렸는지 확인하려면 간단히 userAgent값을 확인하면 됩니다. userAgent 값에 브라우저를 구분하는 고유의 값들이 들어 있습니다. 예를 들면 현재 페이지가 구글 크롬(Chrome)에서 열렸는지 체크하려면 다음과 같이 작성합니다. var agent = navigator.userAgent.toLowerCase(); if (agent.indexOf("chrome") != -1) { alert("크롬 브라우저입니다."); } 사파리나 파이어 폭스 역시 다음과 같습니다. if (agent.indexOf("safari") != -1) { alert("사파리 브라우저입니다."); } if (agent.indexOf("firefox") != -1) { alert("파이어폭..

Angular를 사용하다가 jquery 및 JS 라이브러리를 사용해야할 때가 있다. 그럴 때 구글에 검색하면 여러가지 방법이 있지만 나는 여러가지를 사용해도 안되서 찾다가 결국 해결했다. 1. 일반적인 Angular에서 jquery 사용방법 1) npm에서 jquery 설치 npm install--savejquery && npm install -D @types/jqueryimport* as$ from 'jquery';사용할컴포넌트에 declare var $:any; 2) jquery cdn이나 file import 1. Angular cli를 이용해 프로젝트를 생성할 경우 index.html 에다가 추가 2. declare var$: any; 2. JS library 사용법 - spa (Single Pa..

this가만들어지는 경우 this값 일반함수 window 객체 중첩함수 window 객체 이벤트 이벤트를 발생시킨객체 메서드 메서드를 호출한객체 메서드 내부의중첩함수 window 객체 구분 함수이름() new 함수이름() 의미 일반 함수 호출구문 특정클랙스의인스턴스생성 this내용 windows 객체 this