본문 바로가기

javascript

JavascriptHTMLDialogElement.returnValue HTMLDialogElement.returnValue 더보기
Javascript EventTarget() EventTarget() EventTarget은 이벤트를 받고 그 이벤트 수신기(listener)를 가질 수 있는 객체에 의해 구현된 인터페이스입니다. Element, document 및 window는 가장 흔한 이벤트 대상(target)이지만, 예를 들어 XMLHttpRequest, AudioNode, AudioContext 및 나머지 다른 객체들도 이벤트 대상이 될 수 있습니다. 많은 이벤트 대상(element, document 및 window 포함)도 on... property 및 attribute를 통해 이벤트 처리기 설정을 지원합니다. 메서드 EventTarget.addEventListener() EventTarget에 특정 이벤트 유형의 이벤트 처리기를 등록. EventTarget.remove.. 더보기
Canvas Tutorials 캔버스 튜토리얼 요소 대체 콘텐츠 current stock price: $3.15 +0.15 렌더링 컨텍스트 엘리먼트는 고정 크기의 드로잉 영역을 생성하고 하나 이상의 렌더링 컨텍스(rendering contexts)를 노출하여, 출력할 컨텐츠를 생성하고 다루게 됩니다. var canvas = document.getElementById('tutorial'); var ctx = canvas.getContext('2d'); // document.getElementById() 메서드를 호출하여 요소를 표시할 DOM을 검색합니다. // 요소가 있으면 getContext() 메서드를 사용하여 드로잉 컨텍스트에 액세스 할 수 있습니다. 지원여부 검사 var canvas = document.getElementById.. 더보기
JS Array.Method Array.Method 실행 Array.prototype.forEach() 주어진 함수를 배열 요소 각각에 대해 실행합니다. forEach()는 주어진 callback을 배열에 있는 각 요소에 대해 오름차순으로 한 번씩 실행합니다. 삭제했거나 초기화하지 않은 인덱스 속성에 대해서는 실행하지 않습니다. (예: 희소 배열) callback은 다음 세 인수와 함께 호출됩니다. 요소 값 요소 인덱스 순회 중인 배열 // arr.forEach(callback(currentvalue[, index[, array]])[, thisArg]); ['a', 'b', 'c'].forEach(x=>console.log(x)) // "a" // "b" // "c"채우기 Array.pr.. 더보기
JS Array.prototype.reduce() Array.prototype.reduce() reduce() 메서드는 배열의 각 요소에 대해 주어진 리듀서(reducer) 함수를 실행하고, 하나의 결과값을 반환합니다. 매개변수 callback 배열의 각 요소에 대해 실행할 함수. 다음 네 가지 인수를 받습니다. 누산기accumulator (acc) 누산기accmulator는 콜백의 반환값을 누적합니다. 콜백의 이전 반환값 또는, 콜백의 첫 번째 호출이면서 initialValue를 제공한 경우에는 initialValue의 값입니다. 현재 값 currentValue (cur) 현재 인덱스 currentIndex (idx) 처리할 현재 요소의 인덱스. initialValue를 제공한 경우 0, 아니면 1부터 시작합니다. 원본 배열 array (src) re.. 더보기
ECMA6 타입배열 Type Array 타입 배열은 트구한 목적을 가진 배열로, 숫자 타입(모든 타입이 아님)과 동작하도록 설계 되었다. 타입 배열은 WebGL로부터 시작되었으며, WebGL은 OpenGL ES 2.0을 포팅하여 웹 페이지에서 엘리멘트와 사용되록 설계된 버전을 의미한다. javascript에서 빠른 산술 비트 연산을 제고하기 위한 포팅 과정의 일부로 타입 배열이 만들어 졌다. javascript 숫자를 이용한 산술 연산은 숫자를 64bit 부동소수점 형식으로 저장하고 필요에 따라 32bit 정수로 변환했기 때문에 WebGL을 위해서는 너무 느렸다. 타입 배열은 이러한 제약을 피하고 더 나은 성능의 산술 연산을 제공하기 위해 도입되었다. 이 개념은 어떤 단일 숫자든지 비트 배열처럼 처리될 수 있도록 하며, j.. 더보기
ECMA6 새로운 메서드 ECMAScript 6 New Method find(), findIndex() let numbers = [25, 30, 35, 40, 45]; console.log(number.find(n => n > 33)); // 35, 3보다 큰값 console.log(number.findIndex(n => 33)); // 2, 3보다 큰값을 가지는 index fill() let numbers = [1, 2, 3, 4]; numbers.fill(1); console.log(numbers.toString()); // 1, 1, 1, 1 numbers.fill(1, 2); console.log(number.toString()); // 1, 2, 1, 1 numbers.fill(0, 1, 3); console.log(n.. 더보기
ECMA6 배열생성 배열 만들기, 배열 생성 Array.of() 메서드 // new Array() let items = new Array(2); console.log(items.length); // 2 console.log(items[0]); // undefined console.log(items[1]); // undefined items = new Array("2"); console.log(items.length); // 1 console.log(items[0]); // "2" let items = new Array(1, 2); console.log(items.length); // 2 console.log(items[0]); // 1 console.log(items[1]); // 2 let items = new Array.. 더보기