자바스크립트 ES6+ 기본

자바스크립트 ES6+ 기본

(0개의 수강평)

56명의 수강생
JavascriptES6
33,000원
지식공유자 · 김영보
94회 수업· 총 8시간 29분수업
60개월동안 무제한 시청
수료증 발급 강의
수강 난이도 초급

이 강의는

ES2015(ES6) ~ ES2019(ES10)를 다루며, 스펙의 95% 이상을 다룹니다. 강좌의 키워드는 디테일, 깊이, 넓이입니다.

이런 걸 배울 수 있어요

  • ES6+ 기본 문법과 활용을 배울 수 있습니다.
  • ES6+ 근본을 알게 됩니다.

강좌의 키워드: 깊이, 넓이, 디테일

🗒 강의소개

ES2015(ES6)부터 ES2019(ES10)까지 다루며, ECMAScript 스펙의 95% 이상을 다룹니다. ES6+ 경험자는 정리하는 차원에서 들으셔도 되겠습니다.
강좌의 커리큘럼에서 볼 수 있듯이 깊고 넓으며 디테일합니다.

🗒 ES5와 ES6+ 차이

ES5가 프로그램 언어의 기본에 중점을 둔 반면, ES6+는 기본을 바탕으로 활용에 중점을 두었습니다. 활용이란, 라이브러리 사용과 같은 활용이 아니라 자바스크립트 언어 자체의 활용입니다.
한편, 이것은 표면적인 것으로 한 발 더 들어가면 프로그램을 개발하는 사고의 변화를 요구합니다. 즉, 다른 관점에서 자바스크립트 프로그램에 접근하고 개발해야 한다는 것입니다.

Binary 처리, Memory, Promise, 비동기 통신/프로세스, Module, Proxy, OOP를 완전하게 구현할 수 있는 활용입니다. Web Worker, HTMLxxxElement, Fetch 등의 많은 API를 결합하는 활용입니다.

Ajax는 마크업 중심에서 애플리케이션 중심으로 사고의 전환을 제시했습니다. HTML5 Web API는 네이티브 차원에서 애플리케이션 개발의 바탕을 제공합니다. 최근의 라이브러리들은 이러한 것을 바탕으로 만들어 졌습니다. ES6+는 언어 차원에서 이러한 것을 통합한 활용을 지원합니다. 사고를 바꿔 접근해야 합니다.

본 강좌와 "자바스크립트 ES6+ 심화" 강좌를 통해 사고 전환을 위한 가이드를 제시합니다.

🗒 강좌의 소스 코드 다운로드

"섹션1, 수업4"에서 강좌의 소스 코드를 다운로드받을 수 있습니다.



🗒 로드맵 강좌

자바스크립트 비기너 : 튼튼한 기본 만들기
ES5 기준이며 비기너를 위한 기본 강좌입니다.
스펙의 95% 이상을 다루므로 경험자는 기본을 정리할 수 있습니다.


도움 되는 분들

  • ES6+를 처음 접하는 개발자
  • ES6+를 알고 있으나 자세하게 정립하려는 개발자
  • 자바스크립트 비기너 과정이 아닙니다.

선수 지식

  • 자바스크립트 기본

지식공유자 소개

저서

머신러닝 TensorFlow.js JavaScript, 몰입자바스크립트, ECMAScript 6, 요구분석을 위한 Event Process 모델링, Ajax 활용, prototype.js 완전분석, DOM 스크립팅자바스크립트 정규표현식, HTML5

9권 중에서 8권이 국내 저자 최초이며 특히, "머신러닝 TensorFlow.js JavaScript" 책을 출판하는 시점에 amazon.com에 관련된 책이 없었습니다.

교육과정

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

공개 일자

2020년 1월 20일 (마지막 업데이트 일자 : 2020년 2월 19일)

수강 후기

아직 평가를 충분히 받지 못한 강의 입니다.
모두에게 도움이 되는 수강평의 주인공이 되어주세요!😄️️

지식공유자 되기
많은 사람들에게 배움의 기회를 주고,
경제적 보상을 받아보세요.
지식공유참여
기업 교육을 위한 인프런
“인프런 비즈니스” 를 통해 모든 팀원이 인프런의 강의들을
자유롭게 학습하는 환경을 제공하세요.
인프런 비즈니스