자바스크립트 완전 끝내기: ES6+ 심화
01
0. 강좌 소개, 범위
1. 강좌 소개, 범위: 바이블 강좌, 강좌의 상위 레벨 키워드, 비동기 11단계
체험하기
2. 강좌 접근, ES6+ 위치, 저서
체험하기
02
1. Class
1. 객체 지향 프로그래밍: 객체 구성 요소, 객체의 구체화, 자바스크립트로 OOP 구현
체험하기
2. Class 선언, Class 구조: Class 선언문, Class 표현식,
체험하기
3. Class 작성 기준, computed name
4. constructor, constructor 반환
5. getter, setter, static 메소드, 호이스팅
6. 상속, extends 키워드, 상속 구조, 메소드 오버라이딩
체험하기
7. super 키워드, constructor 호출
8. Built-in 오브젝트 상속, Object 상속, Image 오브젝트 상속, Audio 오브젝트 상속
9. this 참조, Generator
03
2. Proxy
1. 기본 오퍼레이션: Proxy란, 기본 오퍼레이션 논리
2. Proxy 논리, Proxy 모습
3. handler, trap, target
4. Proxy 인스턴스 생성: new Proxy(), Proxy.revocable()
04
3. Proxy Trap
1. set() 트랩-1: set(), set() 트랩 호출, set() 트랩 준수사항
2. set() 트랩-2: set()의 4번째 파라미터, set()과 this
3. get() 트랩: get(), get() 트랩 호출, get() 트랩 준수사항
4. has() 트랩, deleteProperty() 트랩
5. defineProperty(), preventExtensions() , isExtensible() 트랩
6. getPrototypeof(), setPrototypeof() 트랩
7. construct(), apply(), ownKeys(), getOwnPropertyDescriptor() 트랩
05
4. Reflect
1. Reflect 특징: Reflect 오브젝트, Proxy 사용
2. get(): this 참조 오브젝트, Proxy 핸들러의 get() 트랩
3. set(): this 참조 오브젝트, Proxy 핸들러의 set() 트랩
4. has(), deleteProperty()
5. defineProperty(), preventExtensions(), isExtensible()
6. getPrototypeof(), setPrototypeof(), ownKeys(), getOwnPropertyDescriptor()
7. construct(), apply()
06
5. Module
1. 실행 환경 설정, 작성한 코드 실행
2. Module 개요: Module 접근 바탕, Module 코드 형태, html 파일 작성 방법
3. Module 스코프, export 값 유지, this 참조
4. export/import 형태, 변수/함수/Class, as, *, default
07
6. Promise
1. Promise 개요, Promise 처리 흐름, Promise 상태
2. Promise 인스턴스 생성
3. then(), then()의 return, catch(), finally()
4. resolve(), thenable, reject()
5. all(), race()
6. Promise 메커니즘 분석
08
7. async/await, for-await-of
1. async/await 개요, async 함수
2. await 반환, await 형태, for-await-of
3. Symbol.asyncIterator, Symbol.iterator와 차이
09
8. 비트(Bit) 연산자
1. 비트, 바이트, 2진수 연산, 사인 비트, 음수 표현
2. 바이너리 비트 연산자: 비트 OR 연산자, 비트 AND 연산자, 비트 XOR 연산자
3. 비트 이동 연산자: 비트 NOT 연산자, << 연산자, >> 연산자, >>> 연산자, [정리 시간]
10
9. ArrayBuffer
1. TypedArray 개요
2. TypedArray 필요성: Array 처리 메커니즘, 메모리 사용 측면, TypedArray 출현 배경
3. ArrayBuffer와 View
4. ArrayBuffer 인스턴스 생성: new ArrayBuffer(), byteLength, slice(), isView()
11
10. TypedArray
1. TypedArray 타입: TypedArray 오브젝트, 타입과 바이트, TypedArray 메소드
2. TypedArray 인스턴스 생성
3. Int 타입, Uint 타입, Uint8C 타입
4. Float 타입, TypedArray 프로퍼티
5. TypedArray 함수: from(), of(), Symbol.iterator()
6. TypedArray 메소드: set(), subarray(), copyWithin()
12
11. DataView
1. DataView 개요, new DataView(), DataView 프로퍼티
2. DataView 메소드: 메소드 분류, setInt8(), getInt8()
3. Endian: Endian 개요, Endian 구분, Endian 차이 대처, setInt16()
13
12. Web Workers
1. Web Workers 개요
2. 전용 Worker: new Worker(), WorkerGlobalScope, postMessage()
3. Transferable 오브젝트, 복사하여 전송, 소유권 이전
14
13. SharedArrayBuffer, Atomics
1. SharedArrayBuffer 개요, SharedArrayBuffer 고려사항
2. Atomics: 개요, store(), exchange(), load()
15
14. Ajax
1. Ajax: 동기/비동기 처리, Ajax 목적, Ajax 요소 기술, XMLHttpRequest
2. Ajax 애플리케이션 모델: 전통적인 모델, Ajax 모델, MVC 패턴, 동기/비동기 모델
16
15. XMLHttpRequest
1. XMLHttpRequest 개요, XMLHttpRequest 플로우
2. XMLHttpRequest 이벤트: onreadystatechange, 이벤트 타입
3. Request: open(), send(), timeout, abort()
4. Response: status, responseType
5. responseText, responseXML, FormData
17
16. 비동기 통신, 비동기 프로세스
1. 비동기 기본 형태: XHR 비동기 통신, Promise로 비동기 실행, 비동기 통신 + 비동기 실행
2. 비동기로 다수 파일 처리: 함수로 분리, 다수 파일 수신
3. 비통기 통신 + async/await
4. 서버로 데이터 전송, 전송/수신 데이터의 변환
5. this 참조: Promise then() 환경, async/await 환경, 이벤트 핸들러 함수 분리
6. 이벤트 핸들러 바인딩, 프레임워크 접근
18
17. Fetch
1. Fetch 개요, Fetch API 구성, Fetch API 사용
2. Request 오브젝트, Response 오브젝트
3. Body 믹스인, Headers 오브젝트
4. Fetch 프로세스: JSON 데이터, Blob 파일
2. 강좌 접근, ES6+ 위치, 저서
01 0. 강좌 소개, 범위
Loading...
100%
2. 강좌 접근, ES6+ 위치, 저서
질문하기
추가 자료
추가 자료가 없습니다
여기서 새로운 학습 자료를 확인하세요!
선생님이 추가한 자료들을 바로 확인할 수 있어요.