진짜! 자바스크립트(Javascript) - 기초부터 고급까지

🎁 예제 코드와 강의 슬라이드(2023년 11월 01일 버전)

수업 노트 표시 안내 📕

[추가강의] 배열 index는 왜 0부터 시작할까? 📕

2진수, 8진수, 16진수 숫자 표현

다양한 비트 연산과 응용

2의 보수는 무엇이고 왜 필요할까?📕

Big Endian과 Little Endian은 무엇일까?

문자열의 다양한 메서드 1편

문자열의 다양한 메서드 2편

자바스크립트 문자 인코딩과 유니코드(Unicode)📕

리스트 연산은 왜 중요할까?

생성 연산자📕

순회 연산자📕

검색 연산자

문자열 변환 연산자📕

복사, 정렬, 역순 연산자

map, filter, reduce 연산자

ES2023에 추가된 배열 연산자

프로세스 메모리 레이아웃 📕

V8은 undefined, null 그리고 string 을 어떻게 관리할까?

V8은 number 타입을 어떻게 관리할까?

V8은 자바스크립트 객체를 어떻게 관리할까?

V8은 GC(Garbadge Collection)을 어떻게 실행할까?

실행 컨텍스트(Execution Context)와 렉시컬 스코프(Lexical Scope)

전역(Global) 실행 컨텍스트 - 제일 먼저 생성되는 실행 컨텍스트

함수 실행 컨텍스트 1편 - 함수 실행 컨텍스트 생성 시점과 상위 스코프

함수 실행 컨텍스트 2편 - 다시 보는 함수 스코프와 블록 스코프📕

eval 함수 실행 컨텍스트

이름이 있는 일반 함수

함수 표현식과 익명함수 그리고 함수 일급 객체

함수 일급 객체와 지연 실행의 중요성

콜백(Callback) 함수와 제어의 역전 그리고 콜백 지옥(Callback Hell)

즉시 실행 함수(IIFE)

화살표 함수(arrow function) - 1편, 소개 및 일반함수와의 비교

화살표 함수(arrow function) - 2편, this 바인딩

템플릿 리터럴 태그 함수(Template Literals Tag Function)

재귀 함수(Recursive Function)

일반 함수의 this 바인딩

일반 함수가 객체 메서드로 사용될 때의 this 바인딩

개발자의 명시적 this 바인딩 - apply, bind, call 사용하기

생성자 함수의 this 바인딩

화살표 함수의 this 바인딩

콜백(callback) 함수와 this 바인딩📕

중첩 객체 메서드의 this 바인딩

실행 컨텍스트와 함수 호출 스택 1편

실행 컨텍스트와 함수 호출 스택 2편

재귀함수가 느린 이유

재귀함수의 실행 속도를 개선하는 방법

스코프 체인과 참조 오류(Scope Chaining and Reference Error)

스코프 체이닝(Scope Chaining)은 언제 실행될까? 와 관련된 중요한 문제와 해결법📕

클로저(Closure)는 무엇일까?

클로저와 클로저 스코프(Closure and Closure Scope) 1편

클로저와 클로저 스코프(Closure and Closure Scope) 2편

클로저의 표현 방법과 파라미터

클로저의 활용 예제 1편

클로저의 활용 예제 2편

클로저의 활용 예제 3편

클로저의 활용 예제 4편

생성자 함수와 클로저

생성자 함수와 객체

객체와 프로토타입

프로토타입 체인

생성자 함수의 프로토타입

Object.create와 프로토타입

생성자 함수로 객체를 만들 때, new 연산자는 왜 필요할까?

동적으로 변경 가능한 객체의 프로토타입 속성

프로토타입 체인과 객체의 다단계 상속

생성자 함수의 다단계 상속

instanceof 연산자

typeof 연산자 강화

다단계 상속 객체와 Mixin 객체의 차이점

기본 내장(Built-in) 객체의 확장과 주의할 점

class 키워드와 메서드 축약 표현

인스턴스 속성과 메서드

정적(타입) 속성과 정적(타입) 메서드

다단계 상속

Private 속성과 메서드

속성 접근자 Getter/Setter - 1편

속성 접근자 Getter/Setter - 2편

OOP 핵심 개념: 추상화(Abstraction)

OOP 핵심 개념: 캡슐화(Encapsulation)

OOP 핵심 개념: 다형성(Polymorphism)

객체의 관계: is-a(inheritance) 관계

객체의 관계: 연관(Association) 관계

객체의 관계: has-a(Composition) 관계

객체의 관계: 집약(Aggregation) 관계

객체의 관계: 실체화(Realization) 관계

객체의 관계: 의존(Dependency) 관계

객체의 관계: 사용 사례

Template Method 디자인 패턴

Singleton 디자인 패턴

Builder 디자인 패턴

Delegate 디자인 패턴

Factory 디자인 패턴

Observer 디자인 패턴

Command 디자인 패턴

Comparable - 객체는 객체를 비교하는 방법을 제공하면 좋다.

Codable - 객체는 자기 자신을 직렬화하거나 역직렬화하는 방법을 제공하면 좋다.

Copyable - 객체는 자기 자신을 복사하는 방법을 제공하면 좋다. 📕

속성 설명자란?(Property Descriptor)

Object.defineProperty 로 속성의 특성 변경하기

Object.defineProperty 로 새로운 속성 만들기

변경이 불가능한 객체 만들기(Immutable Object) - Object.freeze

객체를 봉인하기(Sealed Object) - Object.seal

객체의 확장 막기 - Object.preventExtensions

DeepFreeze와 DeepSeal이 필요한 이유

in 연산자: 객체 속성의 열거와 속성 존재 유무의 차이점

Mixin: 객체의 수평적 확장

Mixin: in 연산자와 Duck Typing

오류(Error) 처리는 왜 중요할까?

오류를 처리하는 시점: 전처리

오류를 처리하는 시점: 후처리

Error 객체 📕

Throwable과 Uncaught Error 의 의미

try - catch - finally 로 던져진 오류(Error or Exception)를 잡아서 처리하기

사용자 정의 오류(Custom Error) 사용하기

오류 전파를 활용한 오류 처리

오류 다시 던지기(re-throw)는 어떻게 활용하면 좋을까?

[Value, Error] 튜플을 활용한 오류 처리

Result<Value, Error> 타입 구현 및 오류 처리

Result 타입에 flatMap 을 구현해서 메서드 체인의 사이드 이펙트 관리하기 📕

Result 타입과 모나드(Monad) 📕

동기와 비동기(Sync and Async)

Blocking은 언제 문제가 될까?

자바스크립트는 Single Thread?!

setTimeout() 과 setInterval() 함수

setTimeout 함수는 어떻게 실행 될까?

콜백 함수는 언제 문제가 될까?

콜백 함수를 Promise로 변경하기

Promise 만들기

Promise의 then, catch, finally 메서드

Promise의 executor는 언제, 어디서, 어떻게 실행될까?

Promise의 executor 실행 과정 이해하기

Promise의 3가지 상태

Promise 메서드 체이닝

Task Queue의 우선순위 📕

Promise 기반의 fetch 함수와 네트워크 API 요청

Promise 의 정적 메서드를 사용한 비동기 작업의 병렬 실행

Promise의 정적 메서드와 fetch 함수

async와 await 키워드

async와 await 키워드를 사용한 네트워크 API 요청

console.log(9999_9999_9999_9999); 는 어떻게 출력될까?

BigInt 사용하기

BigInt 를 사용할 때 주의할 점

심볼(Symbol)이란?

심볼과 객체 속성

Symbol.toStringTag

Symbol.hasInstance

Symbol.isConcatSpreadable

Symbol.match

Symbol.replace

Symbol.search

Symbol.toPrimitive

Symbol.species, Symbol.unscopables

심볼과 객체 메서드

Iterable과 Iterator 디자인 패턴

Symbol.iterator 란?

사용자 정의 객체(Custom Object)를 Iterable 로 만들기

Iterable과 Iterator를 나눠서 구현하는게 왜 좋을까?

Symbol.asyncIterator 란?

Symbol.asyncIterator 를 사용한 네트워크 API 요청

👉 알림 📢

제너레이터(Generator)란?

yield 키워드는 어떻게 사용할까?

제너레이터 실행 과정

Iterator의 return과 throw 메서드

제너레이터의 실행 Pause와 Resume 기능은 무엇을 좋게 할까?

yield* 는 왜 필요할까?📕

재귀적인 제너레이터

제너레이터와 무한 수열

제너레이터로 Iterable 쉽게 만들기

yield 입력 활용하기

제너레이터로 JobQueue 만들기

제너레이터와 비동기 작업

AsyncGenerator를 활용한 비동기 JobQueue 만들기

고차 함수(High Order Function)란?

forEach 구현하기

map 구현하기

filter 구현하기

reduce 구현하기

reduce로 map과 filter 구현하기

every와 some 구현하기

RxJS의 Observable.of 구현하기 - 1편

RxJS의 Observable.of 구현하기 - 2편

모듈이란?

import와 export

ESM에서 CommonJS 모듈 사용하기

모듈을 동적으로 임포트하기(Dynamic Import)

import 한 것을 다시 export 하기

모듈 관리 기법📕

완강을 축하드립니다!