패밀리 서비스
goormEDU
로그인회원가입
전체
루트공지사항Q&A

자바스크립트 완전 끝내기: ES6+ 심화

자바스크립트의 고도화된 언어적 활용과 비동기 통신, 비동기 프로세스 전반을 배울 수 있습니다.

강좌 소개
난이도
보통
카테고리
웹 프로그래밍 - 프로그래밍
태그
자바스크립트
수료증
발급 가능
소요 시간
10 시간
추천 수강대상
- ES6+ 환경을 넓고 깊게 이해하려는 개발자
- 비동기 통신, 비동기 프로세스 환경에서 개발하려는 개발자
- ES6+를 이해하고 있으나 빠짐없이 정리하려는 개발자


자바스크립트 끝내기 강좌의 마지막인 4번째 강좌입니다. 자바스크립트 스펙의 95% 이상을 다룹니다. 넓고, 깊으며, 디테일합니다. 4개의 끝내기 강좌를 통해 자바스크립트의 마침표를 찍을 수 있습니다.


해당 강좌로 배울 수 있는 것 자바스크립트의 고도화된 언어적 활용을 배울 수 있습니다. 비동기 통신과 비동기 프로세스 전반을 11단계로 나누어 프레임워크를 만드는 개념으로 접근합니다. 이를 위해 Web Workers, Ajax, XMLHttpRequest, Fetch를 다룹니다.




4개의 자바스크립트 끝내기 강좌 전체가 하나의 시나리오입니다.
배워야 할 것과 배우는 순서를 갖고 있습니다. 강좌를 따라오시면 됩니다. 내용이 중복되지 않습니다. 중복에 따른 시간, 비용을 허비하지 않습니다. 끝내기 강좌 하나로 자바스크립트를 끝낼 수 있습니다.


자바스크립트 끝내기 루트 오픈!

자바스크립트 끝내기 강좌 시리즈를 루트 구매를 통해 45% 할인된 가격으로 한번에 구매 할 수 있습니다.


선수 지식

자바스크립트 중고급: 근본 핵심의 연계강좌로 해당 강좌를 수강 후 들으시면 이해하기 편합니다.

체험하기
모두 펼치기
  • 01
    0. 강좌 소개, 범위
    2개 (14:59)
    • 1. 강좌 소개, 범위: 바이블 강좌, 강좌의 상위 레벨 키워드, 비동기 11단계
    체험하기
    08:34
    2. 강좌 접근, ES6+ 위치, 저서
    체험하기
    06:25
  • 02
    1. Class
    9개 (01:11:21)
    • 1. 객체 지향 프로그래밍: 객체 구성 요소, 객체의 구체화, 자바스크립트로 OOP 구현
    체험하기
    08:15
    2. Class 선언, Class 구조: Class 선언문, Class 표현식,
    체험하기
    08:56
    6. 상속, extends 키워드, 상속 구조, 메소드 오버라이딩
    체험하기
    13:34
교육 과정
모두 펼치기
  • 01
    0. 강좌 소개, 범위
    2개 (14:59)
    • 1. 강좌 소개, 범위: 바이블 강좌, 강좌의 상위 레벨 키워드, 비동기 11단계
    체험하기
    08:34
    2. 강좌 접근, ES6+ 위치, 저서
    체험하기
    06:25
  • 02
    1. Class
    9개 (01:11:21)
    • 1. 객체 지향 프로그래밍: 객체 구성 요소, 객체의 구체화, 자바스크립트로 OOP 구현
    체험하기
    08:15
    2. Class 선언, Class 구조: Class 선언문, Class 표현식,
    체험하기
    08:56
    3. Class 작성 기준, computed name
    07:44
    4. constructor, constructor 반환
    06:34
    5. getter, setter, static 메소드, 호이스팅
    06:47
    6. 상속, extends 키워드, 상속 구조, 메소드 오버라이딩
    체험하기
    13:34
    7. super 키워드, constructor 호출
    05:30
    8. Built-in 오브젝트 상속, Object 상속, Image 오브젝트 상속, Audio 오브젝트 상속
    08:27
    9. this 참조, Generator
    05:34
  • 03
    2. Proxy
    4개 (28:39)
    • 1. 기본 오퍼레이션: Proxy란, 기본 오퍼레이션 논리
    07:21
    2. Proxy 논리, Proxy 모습
    05:45
    3. handler, trap, target
    05:32
    4. Proxy 인스턴스 생성: new Proxy(), Proxy.revocable()
    10:01
  • 04
    3. Proxy Trap
    7개 (01:04:25)
    • 1. set() 트랩-1: set(), set() 트랩 호출, set() 트랩 준수사항
    11:41
    2. set() 트랩-2: set()의 4번째 파라미터, set()과 this
    08:02
    3. get() 트랩: get(), get() 트랩 호출, get() 트랩 준수사항
    11:27
    4. has() 트랩, deleteProperty() 트랩
    07:53
    5. defineProperty(), preventExtensions() , isExtensible() 트랩
    05:48
    6. getPrototypeof(), setPrototypeof() 트랩
    09:57
    7. construct(), apply(), ownKeys(), getOwnPropertyDescriptor() 트랩
    09:37
  • 05
    4. Reflect
    7개 (44:50)
    • 1. Reflect 특징: Reflect 오브젝트, Proxy 사용
    05:35
    2. get(): this 참조 오브젝트, Proxy 핸들러의 get() 트랩
    06:24
    3. set(): this 참조 오브젝트, Proxy 핸들러의 set() 트랩
    06:44
    4. has(), deleteProperty()
    05:13
    5. defineProperty(), preventExtensions(), isExtensible()
    05:08
    6. getPrototypeof(), setPrototypeof(), ownKeys(), getOwnPropertyDescriptor()
    06:51
    7. construct(), apply()
    08:55
  • 06
    5. Module
    4개 (24:53)
    • 1. 실행 환경 설정, 작성한 코드 실행
    03:44
    2. Module 개요: Module 접근 바탕, Module 코드 형태, html 파일 작성 방법
    06:16
    3. Module 스코프, export 값 유지, this 참조
    06:57
    4. export/import 형태, 변수/함수/Class, as, *, default
    07:56
  • 07
    6. Promise
    6개 (41:55)
    • 1. Promise 개요, Promise 처리 흐름, Promise 상태
    06:56
    2. Promise 인스턴스 생성
    06:33
    3. then(), then()의 return, catch(), finally()
    07:04
    4. resolve(), thenable, reject()
    05:45
    5. all(), race()
    07:06
    6. Promise 메커니즘 분석
    08:31
  • 08
    7. async/await, for-await-of
    3개 (19:32)
    • 1. async/await 개요, async 함수
    07:33
    2. await 반환, await 형태, for-await-of
    07:40
    3. Symbol.asyncIterator, Symbol.iterator와 차이
    04:19
  • 09
    8. 비트(Bit) 연산자
    3개 (15:01)
    • 1. 비트, 바이트, 2진수 연산, 사인 비트, 음수 표현
    05:22
    2. 바이너리 비트 연산자: 비트 OR 연산자, 비트 AND 연산자, 비트 XOR 연산자
    04:29
    3. 비트 이동 연산자: 비트 NOT 연산자, << 연산자, >> 연산자, >>> 연산자, [정리 시간]
    05:10
  • 10
    9. ArrayBuffer
    4개 (25:15)
    • 1. TypedArray 개요
    05:22
    2. TypedArray 필요성: Array 처리 메커니즘, 메모리 사용 측면, TypedArray 출현 배경
    05:50
    3. ArrayBuffer와 View
    06:25
    4. ArrayBuffer 인스턴스 생성: new ArrayBuffer(), byteLength, slice(), isView()
    07:38
  • 11
    10. TypedArray
    6개 (43:18)
    • 1. TypedArray 타입: TypedArray 오브젝트, 타입과 바이트, TypedArray 메소드
    09:38
    2. TypedArray 인스턴스 생성
    07:49
    3. Int 타입, Uint 타입, Uint8C 타입
    08:11
    4. Float 타입, TypedArray 프로퍼티
    03:40
    5. TypedArray 함수: from(), of(), Symbol.iterator()
    07:48
    6. TypedArray 메소드: set(), subarray(), copyWithin()
    06:12
  • 12
    11. DataView
    3개 (17:58)
    • 1. DataView 개요, new DataView(), DataView 프로퍼티
    06:28
    2. DataView 메소드: 메소드 분류, setInt8(), getInt8()
    05:51
    3. Endian: Endian 개요, Endian 구분, Endian 차이 대처, setInt16()
    05:39
  • 13
    12. Web Workers
    3개 (20:05)
    • 1. Web Workers 개요
    08:04
    2. 전용 Worker: new Worker(), WorkerGlobalScope, postMessage()
    04:52
    3. Transferable 오브젝트, 복사하여 전송, 소유권 이전
    07:09
  • 14
    13. SharedArrayBuffer, Atomics
    2개 (13:43)
    • 1. SharedArrayBuffer 개요, SharedArrayBuffer 고려사항
    08:25
    2. Atomics: 개요, store(), exchange(), load()
    05:18
  • 15
    14. Ajax
    2개 (15:19)
    • 1. Ajax: 동기/비동기 처리, Ajax 목적, Ajax 요소 기술, XMLHttpRequest
    06:54
    2. Ajax 애플리케이션 모델: 전통적인 모델, Ajax 모델, MVC 패턴, 동기/비동기 모델
    08:25
  • 16
    15. XMLHttpRequest
    5개 (32:56)
    • 1. XMLHttpRequest 개요, XMLHttpRequest 플로우
    05:01
    2. XMLHttpRequest 이벤트: onreadystatechange, 이벤트 타입
    07:08
    3. Request: open(), send(), timeout, abort()
    07:22
    4. Response: status, responseType
    08:03
    5. responseText, responseXML, FormData
    05:22
  • 17
    16. 비동기 통신, 비동기 프로세스
    6개 (41:26)
    • 1. 비동기 기본 형태: XHR 비동기 통신, Promise로 비동기 실행, 비동기 통신 + 비동기 실행
    05:15
    2. 비동기로 다수 파일 처리: 함수로 분리, 다수 파일 수신
    06:44
    3. 비동기 통신 + async/await
    04:27
    4. 서버로 데이터 전송, 전송/수신 데이터의 변환
    06:45
    5. this 참조: Promise then() 환경, async/await 환경, 이벤트 핸들러 함수 분리
    07:56
    6. 이벤트 핸들러 바인딩, 프레임워크 접근
    10:19
  • 18
    17. Fetch
    4개 (32:35)
    • 1. Fetch 개요, Fetch API 구성, Fetch API 사용
    06:51
    2. Request 오브젝트, Response 오브젝트
    09:31
    3. Body 믹스인, Headers 오브젝트
    09:47
    4. Fetch 프로세스: JSON 데이터, Blob 파일
    06:26
마지막 업데이트|2022년 11월 17일
강의자 소개
김영보캡틴
40년 넘게 소프트웨어를 개발했으며 지금도 개발하고 있습니다. 그 중에서 20년 넘게 JavaScript 중심으로 개발했습니다. 저서: 몰입! 자바스크립트, ECMAScript 6, 자바스크립트 정규표현식 HTML5, DOM 스크립팅, Ajax 활용, prototype.js 완전분석 요구분석을 위한 Event Process 모델링 머신러닝 TensorFlow.js JavaScript 9권 중에서 8권이 국내 저자 최초입니다. 특히, "머신러닝 TensorFlow.js JavaScript"는 출판하는 시점에 amazon.com에 관련된 책이 없었습니다.
강좌 후기
￦
55,000
평균평점
0.0
난이도
보통
수강기간
평생 무제한
소요 시간
10 시간