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

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

모던 자바스크립트의 바탕이 되는 ES6+ 기본 문법을 배울 수 있습니다.

클래스 소개
난이도
보통
카테고리
웹 프로그래밍 - 프로그래밍
태그
자바스크립트
수료증
발급 가능
소요 시간
9 시간
추천 학습대상
- ES6+를 처음 접하는 개발자
- ES6+를 알고 있으나 깊고 넓게 정립하려는 개발자
- 자바스크립트 비기너 과정이 아닙니다.

자바스크립트 끝내기 강좌의 3번째 강좌입니다.

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

해당 강좌로 배울 수 있는것

ES6+ 기본 문법을 배울 수 있습니다. 모던 패러다임의 자바스크립트 프로그래밍을 배울 수 있습니다. 자바스크립트의 언어적 활용을 배울 수 있습니다.


4개의 자바스크립트 끝내기 강좌 전체가 하나의 시나리오입니다.


배워야 할 것과 배우는 순서를 갖고 있습니다. 강좌를 따라오시면 됩니다.
내용이 중복되지 않습니다. 중복에 따른 시간, 비용을 허비하지 않습니다.

끝내기 강좌 하나로 자바스크립트를 끝낼 수 있습니다.


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

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

선수 지식

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

체험하기
모두 펼치기
  • 01
    0. 소개
    3개 (11:14)
    • 1. 강좌 방향, ES6+ 기본 과정의 주요 내용
    체험하기
    03:46
  • 02
    1. let 변수, const 변수
    8개 (53:58)
    • 1. 변수 구분, 글로벌 변수 오해, use strict 사용
    체험하기
    07:12
    2. 블록 스코프 유형: function 블록, try-catch, switch-case
    체험하기
    07:55
    3. let 변수 개요, let 변수 선언, 블록 스코프
    체험하기
    04:15
    5. let 변수와 this
    체험하기
    05:06
교육 과정
모두 펼치기
  • 01
    0. 소개
    3개 (11:14)
    • 1. 강좌 방향, ES6+ 기본 과정의 주요 내용
    체험하기
    03:46
    2. JavaScript 스펙, ES6+의 프로그램 언어적 위치
    04:00
    3. 용어 사용 기준: 오브젝트, 인스턴스, 프로퍼티, 함수, 뉘앙스 고려
    03:28
  • 02
    1. let 변수, const 변수
    8개 (53:58)
    • 1. 변수 구분, 글로벌 변수 오해, use strict 사용
    체험하기
    07:12
    2. 블록 스코프 유형: function 블록, try-catch, switch-case
    체험하기
    07:55
    3. let 변수 개요, let 변수 선언, 블록 스코프
    체험하기
    04:15
    4. let 변수와 var 변수 차이
    04:14
    5. let 변수와 this
    체험하기
    05:06
    6. js 파일 다수 사용
    08:41
    7. 호이스팅
    11:31
    8. const 변수
    05:04
  • 03
    2. Arrow Function
    4개 (23:01)
    • 1. Arrow Function, 함수 블록 사용, 파라미터 사용
    05:44
    2. 화살표 함수 구조, arguments 사용 불가
    04:21
    3. 화살표 함수와 this, this가 정적 스코프 참조
    07:39
    4. 화살표 함수와 인스턴스, 화살표 함수 특징
    05:17
  • 04
    3. 이터레이션
    3개 (15:49)
    • 1. 이터레이션, 이터레이션 프로토콜
    05:25
    2. 이터러블 오브젝트, 이터러블 프로토콜
    04:49
    3. 이터레이터 오브젝트, 이터레이터 프로토콜
    05:35
  • 05
    4. Spread, Rest
    2개 (12:29)
    • 1. let, const 사용 기준, spread, Array spread, String spread, Object spread, push(...spread)
    06:24
    2. Rest 파라미터, function spread, Array-like, rest와 arguments 차이
    06:05
  • 06
    5. Destructuring
    3개 (17:07)
    • 1. Destructuring, Array 분할 할당
    06:32
    2. Object 분할 할당, 파라미터 분할 할당
    05:39
    3. Object 오퍼레이션, 프로퍼티 이름 조합
    04:56
  • 07
    6. default value
    1개 (04:34)
    • 1. default value
    04:34
  • 08
    7. for-of 문
    1개 (04:50)
    • 1. for-of, for-in for-of 차이, for-of Object
    04:50
  • 09
    8. 연산자, 기타
    1개 (05:07)
    • 1. Trailing commas, 거듭 제곱, try-catch, 함수 작성 형태
    05:07
  • 10
    9. getter, setter
    1개 (05:13)
    • 1. getter, setter
    05:13
  • 11
    10. Number 오브젝트
    3개 (16:40)
    • 1. IEEE 754, 64비트 구성, 값을 구하는 방법, Number 상수
    04:55
    2. 진수, EPSILON: Number.EPSILON, 진수
    04:00
    3. Number 함수: isNaN(), isInteger(), isSafeInteger(), isFinite()
    07:45
  • 12
    11. String 오브젝트
    4개 (25:00)
    • 1. Unicode, ES5 호환성
    05:29
    2. Unicode 함수: fromCodePoint(), codePointAt(), [정리 시간], normalize()
    06:29
    3. 시작/끝 체크 복제: startsWith(), endsWith(), repeat(), includes(), raw()
    07:28
    4. 길이 늘리기, 공백 삭제: padStart(), padEnd(), trimStart(), trimEnd()
    05:34
  • 13
    12. Object 오브젝트
    9개 (49:55)
    • 1. is(), JS 값 비교 방법
    05:16
    2. 오브젝트 복사: assign(), 첫 번째 파라미터 작성, 두 번째 파라미터 작성
    05:29
    3. deep copy
    04:22
    4. Object 변환: entries(), values(), fromEntries(), getOwnPropertyDescriptors()
    06:19
    5. prototype과 __proto__, 메소드 호출 방법
    04:45
    6. 인스턴스에 함수로 추가
    05:05
    7. __proto__에 메소드 추가
    05:31
    8. setPrototypeOf(): 인스턴스 사용
    06:35
    9. setPrototypeOf(): prototype 사용
    06:33
  • 14
    13. Template Literal
    3개 (14:25)
    • 1. Template Literal
    04:02
    2. tagged Template
    05:21
    3. String.raw, String.raw()
    05:02
  • 15
    14. Array 오브젝트
    8개 (41:35)
    • 1. from(), of()
    04:23
    2. 배열 엘리먼트 복사, copyWithin()
    05:00
    3. Generic
    04:41
    4. 같은 값, 인덱스 검색: find(), findIndex()
    05:05
    5. 대체, 포함 여부: fill(), includes()
    05:04
    6. 배열 차원 변환: flat(), flatMap()
    07:49
    7. Array 이터레이터 오브젝트 생성: entries()
    05:05
    8. Array 이터레이터 오브젝트 생성: keys(), values()
    04:28
  • 16
    15. Math 오브젝트
    1개 (05:08)
    • 1. 정수, 제곱근, 사인, Hyperbolic, 로그, 32비트 계산
    05:08
  • 17
    16. RegExp 오브젝트
    3개 (14:13)
    • 1. lastIndex
    06:33
    2. y 플래그
    04:15
    3. u 플래그, s 플래그
    03:25
  • 18
    17. Generator 오브젝트
    8개 (44:37)
    • 1. Generator 함수: function*, function* 선언문, function* 표현식
    05:05
    2. GeneratorFunction
    06:56
    3. yield 키워드
    06:33
    4. next()
    06:10
    5. yield 반복, 다수의 yield 처리
    04:03
    6. yield 분할 할당, for-of 반복
    04:21
    7. 제너레이터 오브젝트 메소드: return(), throw()
    05:17
    8. yield* 표현식
    06:12
  • 19
    18. Symbol 오브젝트
    3개 (17:24)
    • 1. primitive 값, wrapper 오브젝트
    06:16
    2. Symbol() 함수
    05:50
    3. Symbol 사용 형태
    05:18
  • 20
    19. Symbol Property
    9개 (51:17)
    • 1. Well-Known Symbols
    07:04
    2. Symbol.toStringTag
    04:55
    3. Symbol.isConcatSpreadable
    04:44
    4. Symbol.species
    08:17
    5. Symbol.species 오버라이드
    05:51
    6. Symbol.toPrimitive
    06:31
    7. Symbol.iterator, Array.prototype[@@iterator], Object 이터레이션
    06:21
    8. Symbol.iterator에 제너레이터 함수 연결
    03:34
    9. Symbol.match
    04:00
  • 21
    20. Symbol 함수, 메소드
    2개 (09:37)
    • 1. Symbol 함수: for(), keyFor()
    04:39
    2. Symbol 메소드: toString(), description, valueOf(), getOwnPropertySymbols()
    04:58
  • 22
    21. Map 오브젝트
    5개 (22:55)
    • 1. Map 오브젝트 형태, new Map()
    05:05
    2. Map과 Object 비교
    04:14
    3. 값 설정, 추출 메소드: set(), get(), has()
    04:40
    4. Map과 이터레이터 오브젝트: entries(), keys(), values(), Symbol.iterator()
    03:44
    5. 콜백 함수, 삭제, 지우기: forEach(), delete(), clear()
    05:12
  • 23
    22. WeakMap 오브젝트
    4개 (20:58)
    • 1. WeakMap 오브젝트 개요, new WeakMap()
    05:30
    2. WeakMap 오브젝트 메소드: get(), set(), has(), delete()
    04:43
    3. 가비지 컬렉션 처리
    05:37
    4. Map과 WeakMap 차이
    05:08
  • 24
    23. Set 오브젝트
    4개 (17:28)
    • 1. Set 오브젝트 개요, new Set(), Set과 Map 비교
    04:56
    2. 값 설정, 추출 메소드: add(), has()
    05:25
    3. Set과 이터레이터 오브젝트: entries(), keys(), values(), Symbol.iterator()
    03:58
    4. 콜백 함수, 삭제, 지우기: forEach(), delete(), clear()
    03:09
  • 25
    24. WeakSet 오브젝트
    1개 (03:31)
    • 1. WeakSet 오브젝트 개요, new WeakSet(), has(), add(), delete()
    03:31
마지막 업데이트|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
난이도
보통
수강기간
평생 무제한
소요 시간
9 시간