[자바스크립트 ES6+ 기본] 1. 소개

Speedwell🍀·2021년 12월 24일
0

ES6+ 기본 과정의 주요 내용

  • 기본 문법
    • let 변수, const 변수, 화살표 함수
    • Spread, Rest, Destructing, default value
    • 연산자, getter/setter, Template
  • 오브젝트에 추가된 함수
    • Number, String, Object
    • Array, Math, RegExp
  • ES6+에 새로 생긴 오브젝트
    • Iterator, Generator, Symbol
    • Map, Set, WeakMap, WeakSet

ES6+ 심화 과정의 주요 내용

  • ES6+에 새로 생긴 오브젝트
    • Class, Proxy, Reflect, Promise, Module
    • ArrayBuffer, TypedArray, DataView 등의 유형
  • 비동기 통신 전반
    • Node.js 환경에서
    • Ajax의 XMLHttpRequest부터
    • async/await까지의 비동기 통신 전반을 10단계로 나누어 다룸
  • 스펙의 95% 이상 다룸

ES6+의 프로그램 언어적 위치

  • ES5는 프로그램 언어의 기본 중심
    • ES6+는 활용과 편리성 중점
  • ES5는 기능 측면에서 부족했지만
    • ES6+는 부족하지 않음
  • 자바스크립트로 기능의 구현보다
    • 활용 마인드로 접근 필요
    • 재료가 준비되어 있으므로 맛있게 요리하는 것 중심으로 접근

용어 사용 기준

<오브젝트와 인스턴스>

  • Built-in 오브젝트

    • Function, Object, Array 등
  • 오브젝트(Object)

    • Built-in 오브젝트로 생성한 오브젝트
    • function book(){코드}
    • [1, 2], {key: value}
  • 인스턴스(Instance)

    • new 연산자로 생성한 오브젝트
    • new Book();

<프로퍼티, 함수>

  • property key와 property name 차이
    • property name: String
    • property key: String과 Symbol
    • ES6 스펙, 6.1.7 The Object Type
  • 함수, 메소드
    • ES5: function, method
    • ES6: function, method, static method
    • Array.isArray()
    • Array.prototype.forEach()

0개의 댓글