JavaScript

Console 객체 / var,let,const / 변수의참조범위(scope)/ 호이스팅 / 자바스크립트 타입 / 타입 변환 / 연산 및 Math Object / Template Literals / Loops

Window객체, DOM, Document Object, DOM 탐색, createElement, removeChild, replaceChild

Event listener, Event 객체, Event 종류, Event Bubbling, Capturing, Delegation

메소드에서 this, 함수에서 this, constructor 함수에서 this

함수안에서 this를 사용하면서 Window 객체 말고 다른 객체를 참조하게 하는 방법: call, apply, bind

조건부 삼항 연산자 (Conditional Operator)를 이용해서 if문을 한 줄의 코드로 작성할 수 있다.

자바스크립트에서 비동기 코드 작성하는 방법, Call Stack 작동, Web APIs, Callback Queue, Event Loop, callstack size exceeded

Closure-InnerFunction, OuterFunction

map을 사용해보자.

public, protected, private으로 접근 제어하기

Map, Filter, Reduce

undefined와 null의 차이

얕은 비교와 깊은 비교의 차이점 (원시 자료형, 참조 자료형)

얕은복사와 얕은동결 vs 깊은복사

함수 표현식과 선언문의 차이점

Intersection observer

순수함수의 목적과 조건

커링: f(a,b,c) -> f(a)(b)(c)

strict mode와 적용 방법 네 가지

IIFE 적용방법과 특징, 이름없는 함수의 조건

OOP

Promise, promise.all(), promise.race(), async/await

Symbol 사용 이유, Symbol.for(), Symbol.keyFor()

Symbol 사용 이유, Symbol.for(), Symbol.keyFor()

Iterable과 Iterator, 그리고 next() 호출

Generator: 호출될 때 함수의 실행을 중간에 멈추었다 다시 시작하는 함수

if를 filter로, 값 변화 후 변수 할당을 map으로, break는 take로, 축약 및 합산은 reduce로 바꿔보자.

while을 range로 바꾼다, 효과는 each로 구분된다.

lisp으로 별 그리기, 구구단

reduce는 만능이 아니다. reduce에 map과 간단한 함수를 함께 사용해보자.

Singleton, Factory, Mediator, State, Module, Observer Design Patterns

조건이 바뀔 때, 조건이 추가될 때 복잡해질 수 있다. 따라서 map, filter, reduce를 함께 사용해주면 좀 더 간결해진다.

filter를 사용해보자.