Martin`s Work

map 메소드 map 메소드의 대상에 대해서 map 메소드를 이용하여 콜백함수를 호출하면 기존의 배열에서 사용자가 원하는 새로운 형태의 배열을 반환할 수 있다. 사용법은 아래와 같다. 1arr.map( callback(v, i ){})cs v는 배열의 value 값이며, i 의 경우 value값에 대한 index 값이다. 123456789var arr = [1,2,3,4,5];arr.map( function(v,i){ console.log("배열의 value값은 " + v + "이고, 그 value값의 index는 " + i + "이다.");})//result : 배열의 value값은 1이고, 그 value값의 index는 0이다.//result : 배열의 value값은 2이고, 그 value값의 ind..

겸손한 자바스크립트의 정의 겸손한 자바스크립트 라는 의미는 자바스크립트는 웹페이지를 보는 사용자에게 무리하게 참견해서도 안된다라는 뜻이다. 예를 들어, 자바스크립트가 실행 여부 환경에 따라 웹페이지에서 제공하는 정보의 정도가 달라서는 안된다. 이러한 환경은 다음과 같다. 1. 자바스크립트를 지원하지 않는 브라우저 2. 보안상의 이유로 스크립트를 꺼둔 경우 3. DOM 명세의 일부분을 브라우저 독자적으로 해석/지원하여 스크립트의 오류 혹은 지원의 범위가 다른 경우 4. 사용자가 브라우저를 사용하는 방법이 다른 경우( 대부분의 사용자가 마우스를 가지고 이용한다 하여, 마우스를 이용할 때에만 작동하고, 키보드를 이용한 경우에는 작동하지 않을 경우. 장애를 가진 사람들은 키보드를 가지고 이용할 수 있으며, 그렇..

프로토타입의 개념 자바스크립트는 자바, C++, C#에서 제공하는 것과 같은 실제 클래스(true class)를 지원하지 않는 대신 모조 클래스(pseudoclass)를 정의할 수 있다. 모조클래스는 프로토타입 객체나 생성자 함수를 사용하여 구현할 수 있다. 자바스크립트의 모든 객체는 프로토타입이라고 불리는 또 다른 객체를 내부적으로 참조할 수 있다. 그리고 객체는 프로토타입의 프로퍼티들은 자신의 프로퍼티로 가져온다. 123var a = new Date(); Colored by Color Scriptercs 예를 들어서, 위와 같이 a 객체를 Date() 라는 생성자 함수를 이용하여 만들 경우, new 연산자는 객체a 의 프로토 타입을 설정하게 되는데, 객체 a 의 프로토 타입은 자신을 만들어낸 생성자 ..

event.which Javascript에서 event.keyCode 를 하면 각 키보드에 해당하는 고유 번호를 알수있다.이 메소드가 Jquery에서는 event.which 으로 사용하게 된다. 1234$(document).keydown( function(event){ console.log(event.which);}) Colored by Color Scriptercs 위의 식대로 사용할 경우 각 키보드의 고유 번호를 알수 있으며, keydown 이벤트 외에도 사용할 수 있다.

1. altKey, shiftKey, ctrlKey, metaKey 이벤트가 발생될때, 해당 키(alt, shift, ctrl, meta) 키가 눌렸는지 여부를 알 수 있다. button 프로퍼티와 다른점은 이 프로퍼티는 모든 타입의 마우스 이벤트에 대해 유효하다.(*Meta 키란? 윈도우 기준으로 윈도우 심볼이 박혀있는 키이다. 정확한 기능 및 의미는 모른다.) 1234567891011121314 var txt = document.getElementById("txt") txt.onkeydown = function(event){ if(event.altKey){ alert("알트키가 눌렸습니다.") } else if(event.ctrlKey){ alert("컨트롤키가 눌렸습니다.") } else if(ev..

1. bubbles 개념 : 해당 이벤트가 문서 트리를 따라 올라가 bubbling 효과가 나타나는지에 대한 Boolean 값으로 반환( stopPropagtion() 과 연관 ) 1234567버튼 function func(event){ console.log(event.bubbles) }Colored by Color Scriptercs 위의 소스대로 실행할 경우, a 버튼을 누를 경우는 true 값을, input 에서 포커스가 나갈때의 경우에는 false가 나온다. 2. cancelable 개념: 해당 Dom에 바인딩 되어있는 기본 이벤트가 preventDefault()로 취소가능한지 여부를 Boolean값으로 반환 1234567버튼 function func(event){ console.log(event..