JavaScript15 [Javascript 강의] 20강.제네레이터와 async/await 제네레이터와 async/await ES6에서 도입된 제너레이터는 코드 블록의 실행을 일시 중지했다가 필요한 시점에 재개할 수 있는 특수한 함수다. 1. 제네레이터 함수는 함수 호출자에게 함수 실행의 제어권을 양도할 수 있다. 2. 제너레이터 함수는 함수 호출자와 함수의 상태를 주고받을 수 있다. 3. 제너레이터 함수를 호출하면 제너레이터 객체를 반환한다. 제너레이터 함수의 정의 제너레이터 함수는 function* 키워드로 선언한다. 그리고 하나 이상의 yield 표현식을 포함한다. #제너레이터 함수 선언문 function* getFunc(){ yield 1; } #제너레이터 함수 표현식 const getExpFunc = function*(){ yeild 1; }; #제너레이터 메서드 const obj =.. 2022. 2. 6. [Javascript 강의]19강 에러 처리 에러 처리 에러 처리의 필요성 에러가 발생하지 않는 코드를 작성하는 것은 불가능하다. 따라서 에러는 언제나 발생할 수 있다. 발생한 에러에 대해 대처하지 않고 방치하면 프로그램은 강제 종료된다. 예제1) 에러 처리를 하지 않는 경우 console.log('[Start]'); foo(); //ReferenceError: foo is not defined console.log('[End]'); //에러에 의해 프로그램이 종료되어 코드가 실행되지 않는다. 예제2) try...catch문을 사용해 에러 처리를 하면 계속해서 코드를 실행시킬 수 있다. console.log('[Start]'); try{ foo(); }catch(error){ console.error('[에러발생]',error); //[에러발생] .. 2022. 2. 6. [Javascript 강의] 18강 Set과 Map Set과 Map Set Set 객체는 중복되지 않는 유일한 값들의 집합이다. 배열과 유사하지만 다음과 같은 차이가 있다 1. 동일한 값을 중복하여 포함할 수 없다 2. 요소 순서에 의미가 없다 3. 인덱스로 요소에 접근할 수 없다. Set 객체의 특성은 수학적 집합의 특성과 일치한다. Set은 수학적 집합을 구현하기 위한 자료구조다. 따라서 Set을 통해 교집합, 합집합, 차집합, 여집합 등을 구현할 수 있다. #Set 객체의 생성 const set = new Set(); console.log(set); //Set(0){} const set1 = new Set([1,2,3,3]); console.log(set1); //Set(3)[1,2,3] //배열의 중복 요소 제거 const uniq = array .. 2022. 2. 5. [Javascript강의]15강.이벤트 이벤트 이벤트 핸들러 등록 1. 이벤트 핸들러 이트리뷰트 방식 Click me! 2.이벤트 핸들러 프로퍼티 방식 Click me! Click me! 이벤트 핸들러 제거 Click me! 이벤트 객체 클릭하세요. 클릭한 곳의 좌표가 표시됩니다 클릭하세요. 클릭한 곳의 좌표가 표시됩니다 이벤트 전파 Apple Banana Orange 이벤트 위임 이벤트 위임은 여러 개의 하위 DOM 요소에 각각 이벤트 핸들러를 등록하는 대신 하나의 상위 DOM 요소에 이벤트 핸들러를 등록하는 방법을 말한다 Apple Banana Orange 선택된 내비게이션 아이템: apple 일반적으로 이벤트 객체의 target 프로퍼티와 currentTarget 프로퍼티는 동일한 DOM 요소를 가리키지만 이벤트 위임을 통해 상위 DOM.. 2021. 10. 12. 이전 1 2 3 4 다음
