Javascript (5) 썸네일형 리스트형 Javascript 등록한 event 확인하는 방법 화면 로딩 후 자바스크립트로 HTML 엘리먼트를 동적으로 생성하고 이벤트 핸들러를 추가한 경우, 순수 자바스크립트로 해당 엘리먼트의 이벤트 등록 여부를 확인할 수 있는 방법이다. EventTarget.prototype._addEventListener = EventTarget.prototype.addEventListener; EventTarget.prototype.addEventListener = function(a, b, c) { if(c == undefined) c = false; this._addEventListener(a, b, c); if(!this.eventListenerList) this.eventListenerList = {}; if(!this.eventListenerList[a]) this.. JSP 파일에서 Javascript 사용 시 backtick(`) 사용방법 자바스크립트에서 문자열과 변수값을 같이 사용할 때 따옴표 대신 백틱(`)을 사용할 수 있다. 백틱은 '~'와 같은 자판에 있는 기호이다. 자바스크립트만 사용 시 다음과 같이 사용할 수 있다. let name = "June"; let str = `My name is ${name}.`; // My name is June. 그런데 JSP 파일에서 백틱을 사용하려고 하면 잘 되지 않는데 JSP도 ${} 표현식을 사용하기 때문이다. JSP파일에서 자바스크립트 변수를 백틱을 사용해서 표현하려면 역슬래시(\)를 사용해 다음과 같이 사용하면 된다. let name = "May"; let str = `My name is \${name}.`; // My name is May. Javascript 변수값 변경 감지 자바스크립트로 코드 작성 시 변수값이 변경되었을 때를 감지하여 처리하고 싶을 때 Object.defineProperty()를 사용할 수 있다. var obj = {}; Object.defineProperty(obj, 'num', { get: function() { return this.value; }, set: function(newValue) { // TODO 값 변경 시 처리할 내용 this.value = newValue; } }); obj.num = 13; // 객체obj의 변수num 값 13으로 세팅 obj.num; // 13 출력 Javascript 화면 크기 구하기 사용자(방문자)의 화면 크기를 구하기 위해 window.screen 오브젝트를 사용한다. 줄여서 screen.width과 같이 사용할 수 있다. 1. screen.width 사용자의 가로 화면 크기를 픽셀단위로 리턴 2. screen.height 사용자의 세로 화면 크기를 픽셀단위로 리턴 3. screen.availWidth 사용자의 가로 화면 크기를 픽셀단위로 리턴하는데, 윈도우의 작업표시줄 같은 인터페이스 길이를 빼고 리턴 4. screen.availHeight 사용자의 세로 화면 크기를 픽셀단위로 리턴하는데, 윈도우의 작업표시줄 같은 인터페이스 길이를 빼고 리턴 Javascript 페이지 이동 방법 1. 이동하려는 URL을 세팅해 이동 location.href = '이동하려는 URL' 2. 아래와 같이 작성 시 현재 페이지 주소 문자열 리턴 var url = location.href; 이전 1 다음