자바스크립트 완전 끝내기: ES6+ 심화 - goormEDU
Family Service
goormEDU
Sign InSign Up
All Lectures
RouteNoticeQ&A

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

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

Lecture Introduction
Difficulty
Normal
Category
Web Programming - Programming
Tag
자바스크립트
Target Audience
- ES6+ 환경을 넓고 깊게 이해하려는 개발자
- 비동기 통신, 비동기 프로세스 환경에서 개발하려는 개발자
- ES6+를 이해하고 있으나 빠짐없이 정리하려는 개발자


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


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




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


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

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


선수 지식

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

Preview
Expand All
  • 01
    0. 강좌 소개, 범위
    • 1. 강좌 소개, 범위: 바이블 강좌, 강좌의 상위 레벨 키워드, 비동기 11단계
    Preview
    2. 강좌 접근, ES6+ 위치, 저서
    Preview
  • 02
    1. Class
    • 1. 객체 지향 프로그래밍: 객체 구성 요소, 객체의 구체화, 자바스크립트로 OOP 구현
    Preview
    2. Class 선언, Class 구조: Class 선언문, Class 표현식,
    Preview
    6. 상속, extends 키워드, 상속 구조, 메소드 오버라이딩
    Preview
Curriculum
Expand All
  • 01
    0. 강좌 소개, 범위
    • 1. 강좌 소개, 범위: 바이블 강좌, 강좌의 상위 레벨 키워드, 비동기 11단계
    Preview
    2. 강좌 접근, ES6+ 위치, 저서
    Preview
  • 02
    1. Class
    • 1. 객체 지향 프로그래밍: 객체 구성 요소, 객체의 구체화, 자바스크립트로 OOP 구현
    Preview
    2. Class 선언, Class 구조: Class 선언문, Class 표현식,
    Preview
    3. Class 작성 기준, computed name
    4. constructor, constructor 반환
    5. getter, setter, static 메소드, 호이스팅
    6. 상속, extends 키워드, 상속 구조, 메소드 오버라이딩
    Preview
    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 파일
Recent Update|2022. 11. 17
Instructor Introduction
김영보Captain
40년 넘게 소프트웨어를 개발했으며 지금도 개발하고 있습니다. 그 중에서 20년 넘게 JavaScript 중심으로 개발했습니다. 저서: 몰입! 자바스크립트, ECMAScript 6, 자바스크립트 정규표현식 HTML5, DOM 스크립팅, Ajax 활용, prototype.js 완전분석 요구분석을 위한 Event Process 모델링 머신러닝 TensorFlow.js JavaScript 9권 중에서 8권이 국내 저자 최초입니다. 특히, "머신러닝 TensorFlow.js JavaScript"는 출판하는 시점에 amazon.com에 관련된 책이 없었습니다.
Lecture Reviews
￦
55,000
Average Rating
0.0
Difficulty
Normal
Lecture Period
Unlimited