javascript 76

javascript: 교집합(Union), 합집합(Intersection), 여집합(difference, minus)

ECMAScript 6 sets: union, intersection, difference [itertools — Functions creating iterators for efficient looping](https://docs.python.org/3/library/itertools.html] Union let a = new Set([1,2,3]); let b = new Set([4,3,2]); let union = new Set([...a, ...b]); // {1,2,3,4} Intersection let a = new Set([1,2,3]); let b = new Set([4,3,2]); let intersection = new Set( [...a].filter(x => b.has(x))); //..

lang/node 2021.01.21

Javascript Promise

Promise MDN: Promise Promise 객체는 비동기 작업이 맞이할 미래의 완료 또는 실패와 그 결과 값을 나타냅니다. Promise는 다음 중 하나의 상태를 가집니다. 대기(pending): 이행하거나 거부되지 않은 초기 상태. 이행(fulfilled): 연산이 성공적으로 완료됨. 거부(rejected): 연산이 실패함. 생성자 Promise() 이미 프로미스를 지원하지 않는 함수를 감쌀 때 주로 사용합니다. 속성 Promise.length 값이 언제나 1인 길이 속성입니다. (생성자 인수의 수) Promise.prototype Promise 생성자의 프로토타입을 나타냅니다. 메서드 Promise.all(iterable) iterable 내의 모든 프로미스가 이행한 뒤 이행하고, 어떤 프로..

lang/js 2021.01.04

Element.scrollIntoView()

Element.scrollIntoView() Element.scrollIntoView() Syntax element.scrollIntoView(); element.scrollIntoView(alignToTop); // Boolean parameter element.scrollIntoView(scrollIntoViewOptions); // Object parameter Parameters alignToTop Optional Value: Boolean true: default 요소의 상단이 스크롤 가능한 상위 항목의 표시 영역 상단에 정렬됩니다. scrollIntoViewOptions: {block: "start", inline: "nearest"}. false 요소의 하단이 스크롤 가능한 상위 항목의 표시..

lang/js 2020.11.06

Javascript EventTarget()

EventTarget() EventTarget은 이벤트를 받고 그 이벤트 수신기(listener)를 가질 수 있는 객체에 의해 구현된 인터페이스입니다. Element, document 및 window는 가장 흔한 이벤트 대상(target)이지만, 예를 들어 XMLHttpRequest, AudioNode, AudioContext 및 나머지 다른 객체들도 이벤트 대상이 될 수 있습니다. 많은 이벤트 대상(element, document 및 window 포함)도 on... property 및 attribute를 통해 이벤트 처리기 설정을 지원합니다. 메서드 EventTarget.addEventListener() EventTarget에 특정 이벤트 유형의 이벤트 처리기를 등록. EventTarget.remove..

lang/js 2019.12.18

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..

lang/js 2019.12.17
반응형