React 입문전에 Array 메소드 map, filter, reduce를 확실히 알고
구현해 만들어보는 것이 도움이 된다길래 한번 만들어 봤습니다.

• Array.prototype.map

  • map 원리
  • map 메소드 만들어보기

• Array.prototype.filter

  • filter 원리
  • filter 메소드 만들어보기

• Array.prototype.reduce

  • reduce 원리
  • reduce 메소드 만들어보기

Promise 오브젝트는 비동기(Asynchronous)처리를 위한 메커니즘을 제공합니다.
ES5까지 없었던 개념으로 ES6에 추가되었습니다.

• Promise 오브젝트
  • 개요
    • Promise 처리 순서
  • Promise 상태
    • settled 상태
    • fulfill (성공)
    • reject (실패)
  • new Promise(): Promise 인스턴스 생성
  • then(): 성공, 실패 핸들러
  • catch(): 실패 핸들러
  • resolve(): 성공 상태의 인스턴스 반환
    • thenable
  • reject(): 실패 상태의 인스턴스 반환
  • all(): 모두 성공이면 핸들러 실행
  • race(): 처음 한 번만 핸들러 호출

value로 오브젝트만 사용하는 WeakSet

• WeakSet

  • 개요
  • new WeakSet(): WeakSet 인스턴스 생성
  • add(): value 추가
  • has(): value 존재 여부
  • delete(): 엘리먼트 삭제

Set 오브젝트는 Map 오브젝트와 비슷하지만 [key, value]가 아닌 [value]만 작성하는 점이 다릅니다. Map 오브젝트에 Array 기능을 추가한 오브젝트 입니다.

• Set 오브젝트
  • 개요
  • new Set(): Set 인스턴스 생성
  • add(): value 추가
  • has(): value 존재 여부
  • entries(): 이터레이터 오브젝트 생성
  • values(): value 반환 이터레이터 오브젝트 생성
  • keys(): key 반환 이터레이터 오브젝트 생성
  • forEach(): 엘리먼트마다 콜백 함수 호출
  • delete(): 엘리먼트 삭제
  • clear(): 모든 value 지움
  • Symbol.iterator: 이터레이터 오브젝트 생성

• WeakMap 오브젝트

  • 개요
    • GC(Garbage Collection)
  • new WeakMap 인스턴스 생성
  • set(): key, value 설정
  • get(): key가 같은 value 반환
  • has(): key 존재 여부
  • delete(): 엘리먼트 삭제

Map 오브젝트는 Object 오브젝트와 비슷하지만,
다양한 타입을 프로퍼티 키로 사용할 수 있는 점이 다릅니다.

• Map 오브젝트
  • 개요
  • new Map(): Map 인스턴스 생성
  • set(): key와 value 설정
  • get(): key가 같은 value 반환
  • has(): key 존재 여부
  • entries(): 이터레이터 오브젝트 생성
  • keys(): key 반환 이터레이터 오브젝트 생성
  • values(): value 반환 이터레이터 오브젝트 생성
  • forEach(): 엘리먼트마다 콜백 함수 호출
  • delete(): 엘리먼트 삭제
  • clear(): 모든 key,value 지움
  • Symbol.iterator(): 이터레이터 오브젝트 생성

• Symbol 메서드
  • for(): Symbol 값 저장
    • 글로벌(전역) Symbol 레지스트리
    • Symbol의 대표적 사용 형태 세 가지
  • keyFor(): key 값 변환
  • toString(): 문자열로 변환
  • valueOf(): Symbol 프리미티브 값
  • getOwnPropertySymbols(): Symbol 프로퍼티 반환
  • JSON.stringify(): JSON 형태로 변환
    • 주석을 프로퍼티 key 값으로 활용

Symbol 오브젝트의 프로퍼티들을 살펴봅니다.
이 프로퍼티들은 메서드로도 사용할 수 있습니다

• Symbol 프로퍼티
  • Well-Known Symbol
  • toStringTag
    • 클래스의 메서드로 사용
  • isConcatSpreadable
    • Array-like 오브젝트에서 사용
  • unscopable
  • species 개념
  • species
  • 다른 Class 반환
  • null 반환
  • toPrimitive
    • toPrimitive() 파라미터의 세가지 모드(mode)
  • 이터레이터
    • Array.prototype[Symbol.iterator]
    • String.prototype[Symbol.iterator]
    • Object 이터레이션
  • 제너레이터
  • asyncIterator(): 비동기 반복
  • match(): match 결과 반환
  • matchAll()

• Symbol Object
  • primitive
  • Symbol()
  • Symbol 값 변경
  • Symbol 오브젝트 생성
  • 오브젝트에서 Symbol 사용
  • Symbol 사용 형태

Class(클래스)를 완전하게 이해하려면 객체지항 프로그래밍(OOP:Object Oriented Programming)에 대한 이해가 필요합니다.

OOP만 다루는 책이 있을 정도로 범위가 넓고 깊으므로
OOP는 나중에 자세히 다루고 ES6기준으로 살펴봅니다.

• Class 오브젝트
  • Class 선언문
  • Class 표현식
  • Class 특징
    • strict 모드에서 실행
    • 클래스에 메서드 작성 방법
    • prototype에 프로퍼티 연결
    • prototype에 프로퍼티 추가
  • constructor
  • constructor 반환 값 변경
  • getter, setter
  • 상속
  • extends 키워드
  • super 키워드
    • 메서드 오버라이딩
  • 빌트인 오브젝트 상속
  • Object에서 super 사용
  • static 키워드
  • Class 호이스팅
  • computed name
  • this
  • 제너레이터
  • new.target
    • name 프로퍼티
  • 오브젝트 상속