1. 객체 지향 프로그래밍 자바스크립트는 객체 지향 프로그래밍 언어 OOP: Object Oriented Programming ECMAScript 스펙에 OOP라고 작성되어 있음 ECMAScript is an object-oriented pro

자바스크립트 바이블 강좌의 마지막 강좌개설된 "자바스크립트 ES6+ 기본" 강좌와 함께 ES6+ 스펙의 95% 이상을 다룸특히, 비동기 통신과 비동기 프로세스를 망라하여프레임워크를 만드는 개념으로 접근11단계로 나누어 단계별로 코드 구현비동기 통신과 비동기 처리를 정리

Set 오브젝트와 차이오브젝트만 value 값으로 사용할 수 있음number 등의 프리미티브 타입 사용 불가개념은 WeakMap과 같음value만 작성하는 것이 다름value의 참조가 바뀌면 GC 대상지원 메소드has(), add(), delete()WeakSet 인스

Set 오브젝트는value(값)의 컬렉션value1,,, valueN 형태로 작성Set은 대괄호\[]가 하나작성한 순서로 전개 됨Set 인스턴스 생성, 반환파라미터에 값을 작성프리미티브, 오브젝트 타입 사용 가능size 프로퍼티Set 인스턴스의 엘리먼트 수를 반환Set

WeakMap은 object만 key로 사용 가능number 등의 프리미티브 타입 사용 불가value는 제한 없음Map에서 key로 참조한 object를 삭제하면object를 사용할 수 없게 되지만Map에 object가 남음메모리 릭(memory leak) 발생Weak

key와 value의 컬렉션Map 오브젝트 형태key, value 형태처럼대괄호 안에 key와 value를 작성다양한 타입을 key로 사용할 수 있음Map의 key 처리for-of 문에서 작성한 순서대로 읽혀짐Map 인스턴스를 생성하여 반환파라미터에 이터러블 오브젝트

글로벌 Symbol 레지스트리(registry)에{key: value} 형태로 Symbol에 저장파라미터()의 문자열이 key가 되고 Symbol()로 생성한 값이 value가 됨registry의 사전적 의미: 등록, 기록글로벌 Symbol 레지스트리는 공유 영역다른

ES2019 스펙에서 @@iterator 형태를 볼 수 있음@@는Well-Known Symbol을 나타내는 기호@@match와 Symbol.match가 같음스펙에서는 @@match 형태를 사용하고개발자는 Symbol.match 형태를 사용ES2019 기준: 12개 We

자바스크립트에서 Primitive 값은오브젝트가 아니라 값이며 함수를 갖고 있지 않음const num = 100;을 할당하면num 변수에 100만 할당되며 아무것도 첨부되지 않음100이 primitive 값ES5의 primitive 값 타입string, number,

Generator functionfunction\* 키워드를 사용한 함수제너레이터 함수 형태function 선언문, function 표현식, GeneratorFunction작성 방법function\* 다음에 소괄호() 작성. 이어서 작성해도 되고 하나 이상 띄워도 됨f

정규 표현식 사용 형태매치 시작 위치를 lastIndex 프로퍼티에 설정디폴트 값: 0g 플래그를 사용하면lastIndex 프로퍼티 위치부터 매치const value = "ABABA", obj = /B/gg 플래그를 사용하지 않으면 lastIndex 프로퍼티 값이 바뀌

ES5까지는 수학 계산 처리에 부족했으나ES6에서 수학 계4산용 함수가 많이 추가됨특히, 머신러닝/딥러닝에 대응할 수 있게 됨일반적으로 수학 계산을 사용하지 않으므로 개요 중심으로 다룸Math.trunc()소수를 제외한 정수 반환Math.sign()값의 부호에 해당하는

Object에 Object를 할당하면 프로퍼티 값이 연동됨배열도 마찬가지로 연동됨연동 방지: 프로퍼티 단위로 할당Recursive Function 함수 안에서 자신 함수를 호출하는 형태사용 사례 {name: {name: {name: value}}}\[1, 2, 3, 4

키워드obj.name() 형태로 호출한 함수(메소드)에서 this로 인스턴스(오브젝트)를 참조실행 콘텍스트의 this 바인딩 컴포넌트에 바인딩글로벌 오브젝트에서 this는 글로벌 오브젝트 참조this와 window 오브젝트window는 JS에서 만든 것이 아니며 글로벌

function 인스턴스 기준 function 구분 빌트인 Function 오브젝트 function 오브젝트: function 키워드로 생성 function 인스턴스: new 연산자로 생성 function 오브젝트도 인스턴스 빌트인

실행 콘텍스트 Exeuction Context 함수가 실행되는 영역, 묶음 함수 코드를 실행하고 실행 결과를 저장 스펙상의 사양 music("음악")으로 함수를 호출하면 엔진은 실행 콘텍스트를 생성하고 실행 콘텍스트 안으로

첫 번째 파라미터의 오브젝트를 Array 오브젝트로 변환두 번째 파라미터에 함수 작성opt이터러블 오브젝트를 전개할 때마다 호출세 번째 파라미터에 오브젝트 작성opt호출된 함수에서 this로 참조파라미터 값을 Array로 변환, 반환파라미터에 변환 대상 값을 작성콤마로

Template Literal문자열 처리를 위한 리터럴표현식을 포함할 수 있음강좌에서는 템플릿으로 표기backtick 안에 표현식 작성표현식을 ${표현식} 형태로 작성tagged Template호출되는 함수를 태그 함수(tag function)라고 부름show() 함수

두 개의 파라미터 값과 값 타입을 비교같으면 true, 아니면 false 반환오브젝트 비교 목적이 아님\[]와 \[] 비교, {}와 {} 비교는 falseJS 값 비교 방법값과 타입까지 모두 비교: ===타입은 비교하지 않고 값만 비교: ==Object.is()와 ==

빌트인 오브젝트true와 false 처리값이 있으면 true로 인식false 인식 기준undefined, null, NaN빈 문자열, 숫자 타입의 0숫자 값 변환 기준true를 1로, false를 0으로 변환Boolean 인스턴스 생성파라미터 값을 true 또는 fal