JavaScript

• JS Engine(V8)

  • Compile & RunTime Engine
  • V8 Engine
  • Single Thread & EventLoop, Queue
  • Hidden Class & Inline Cache (V8 Engine)
  • Optimised JavaSript Code

• JS Start

  • Spec
  • Expressions vs Statement
    • literal
  • Data Type
    • typeof 연산자의 반환 값
    • 산술 연산
    • {} block statements VS object literal
    • ==, === 비교
  • function
  • object(instance)
    • 생성자
    • this
  • array

• JS Function

  • 함수의 정의
  • 함수 선언 vs 함수 표현식
    • 호이스팅
  • Function 인자 가변 길이 인수(Arguments 객체)
  • [[Prototype]] 접근자 __proto__ 프로퍼티
  • prototype 객체 변경
  • prototype에 프로퍼티 할당과 호출
  • 실행 컨텍스트(Excution Context)
    • [실행 컨텍스트(EC) 프로퍼티]
    • [실행 컨텍스트 실행(처리) 순서]
    • [Ex. 실행 가능한 함수 [code]]
    • [Ex. 중첩함수 리턴]
  • [함수 프로토타입 함수추가 (데코레이터)]

• Js Object

  • new 연산자 역할
    • new 생성자 keyword로 함수를 호출시 흐름
  • 프로퍼티의 속성 및 디스크립터 설정 메서드
  • 유용한 Object 메소드
  • class vs function (new)
  • who is this of function(method)?
    • function 생성자
    • class 생성자
    • {} 리턴 new vs don't use new keyword
  • this (**)
  • allow function

• JS class

  • class
  • 상속
  • super 키워드와 [[HomeObject]]
  • instanceof

• JS Promise

  • Promise 생성
  • async await
  • 마이크로태스크

위로

ES2015

• Scope
• String
• Array
• Object
• Object2
• Destructuring
• Set&WeakSet
• Map&WeakMap
• Function
• Module
• Proxy

위로

ES2018

• promise
• promise1
• promise2
• async&await

위로

JavaScropt ToyProject

• ToDoList
• blog_LikeSelector

위로

Reference

• JavaScropt 33가지 개념
• Poiemaweb
• Frontend Developers
• JavaScropt Info