Javascript ES6+ 제대로 알아보기 - 초급

Javascript ES6+ 제대로 알아보기 - 초급

(36개의 수강평)

590명의 수강생
ES6Javascript
34,650원
지식공유자 · 정재남
28회 수업· 총 3시간 30분수업
평생 무제한 시청
수료증 발급 강의
수강 난이도 초급

이 강의는

ES6+ Flow 강좌는 Javascirpt의 ES6 및 이후의 표준 ECMAScript 명세에 대하여 이론을 바탕으로 ES5와 달라진 점 및 개념과 동작 원리를 깊이 있게 알려드립니다.

ECMAScript6+ Flow 초급 강좌

ES6+ Flow 강좌는 Javascript의 ES6 및 이후의 표준 ECMAScript 명세에 대하여 이론을 바탕으로 ES5와 달라진 점 및 개념과 동작 원리를 깊이 있게 살펴보고,모던 브라우저에서의 동작 과정을 직접 눈으로 확인하며, 실무에 적합한 다양한 예제들을 통해 좋은 코딩을 하기 위한 팁과 학습요령을 알려드립니다. ※ 본 강좌는 자바스크립트 입문 강좌는 아닙니다.

 강좌 특징

  • 본 강좌는 2018년 4월부터 진행한 오프라인 강의 내용을 편집, 재구성한 것입니다.
  • 오프라인 강의에서 중간중간 이뤄진 수강생들의 질문 및 그에 대한 답변을 그대로 살렸습니다.
  • 새로운 기능을 소개하고, 기존 방식의 동작원리와 새로운 방식의 동작원리를 알기 쉽게 비교하며 설명하고자 하였습니다.
  • 첫 강의부터 차근차근 단계를 밟아가며 지식의 폭이 넓어질 수 있게끔 구성하였습니다.
  • 가급적 실무에서 쓰고 있는 예제를 소개하고자 하였으며, 중간중간 직접 경험했거나 접해본 이슈를 해결하는 방법도 소개해 드리고자 하였습니다.

 학습 목표

  • ECMAScript 개념과 동작 원리를 알 수 있다.
  • ES6+ 환경에서 최신 프레임워크나 라이브러리로 개발 할 수 있다.

 도움이 되는 분들

  • (프론트엔드) 자바스크립트 개발자
  • ES6+ 환경에서 최신 프레임워크나 라이브러리(ReactJS, VueJS, Angular, Typescript 등)으로 개발하고 있는 분
  • 원리를 이해하지 못한 채로 활용하기에 급급하여 자신감이 없거나 기본기에 대한 갈증을 느끼시는 분

참고 사항

  • '핵심개념을 알아보는 Javascript Flow' 강좌의 커리큘럼상의 내용을 모두 이해하고 계신 분, 즉 참조형 데이터의 동작원리, 호이스팅, 스코프, 실행컨텍스트, this 바인딩, 클로저, 프로토타입 및 클래스 상속 등에 대한 사전지식이 있는 분은 내용을 보다 수월하게 이해하실 수 있습니다.
  • 한편 위에서 언급한 사전지식이 없는 분의 경우 ES5 환경에서의 동작과 새로운 기능을 비교하는 내용에 대해서는 이해에 어려움이 따르게 될 수 있으나, 그렇다고 하여 ES6의 새로운 기능을 학습하지 못하는 것은 전혀 아니며, 오히려 그렇기 때문에 습득에 더 용이한 측면도 있으리라 생각합니다.
  • 커리큘럼상의 내용을 모두 알고 계신 분에게는 적합하지 않을 수도 있습니다.
  • ES6+의 Class, Iterator, Generator, Promise 등에 대해서는 7월 초에 별도로 '중급' 과정을 오픈할 예정이므로, 해당 강좌를 기다려 주세요 :)

지식공유자 소개

Naver 프론트엔드 개발자입니다.
HTML, CSS (SASS), Javascript (ReactJS, ES6), Node.js 등을 주로 다루고 있습니다. 

기존에는 웹에이전시, 스타트업, 쿠팡 등에서 웹서비스, 하이브리드앱 등을 개발했고,
수년간 오프라인으로 jQuery, javascript, ReactJS 등의 강의형 스터디를 진행해 왔습니다.

  Github: https://github.com/gomugom 

  기술블로그: 
https://gomugom.github.io

  저서: 코어 자바스크립트 https://wikibook.co.kr/corejs/

교육과정

모두 펼치기 28 강의 3시간 30분
섹션 0. block scope
4 강의 25 : 07
소개
05 : 41
적용대상과 TDZ
10 : 34
this
04 : 16
모든 문 형태에 적용
04 : 36
섹션 1. block scoped variables
5 강의 31 : 26
let
06 : 38
const
08 : 05
Object.freeze와 deep copy
05 : 49
for문에서의 주의사항
03 : 03
let, const 공통사항
07 : 51
섹션 2. template literal
5 강의 37 : 45
소개
06 : 11
상세
08 : 15
forEach, map, reduce 메소드에 대하여
10 : 22
tag function
09 : 57
String.raw
03 : 00
섹션 3. default parameter
1 강의 13 : 38
default parameter
13 : 38
섹션 4. rest parameter
1 강의 05 : 10
rest parameter
05 : 10
섹션 5. spread operator
1 강의 12 : 05
spread operator
12 : 05
섹션 6. enhanced Object functionalities
4 강의 19 : 30
shorthand property
03 : 14
concised method
07 : 14
computed property
02 : 47
property enumeration order
06 : 15
섹션 7. Arrow Function
1 강의 18 : 58
Arrow Function
18 : 58
섹션 8. Function
3 강의 23 : 41
name property
08 : 21
new.target
09 : 12
함수선언문과 스코프
06 : 08
섹션 9. Destructuring assignment
2 강의 21 : 35
배열의 해체할당
07 : 46
객체의 해체할당
13 : 49
섹션 10. 마무리
1 강의 01 : 55
마무리
01 : 55

공개 일자

2018년 5월 28일 (마지막 업데이트 일자 : 2018년 12월 24일)

수강 후기

4.9
36개의 수강평
default_profile.png
송은정 2018.06.27
아주 좋아요 b 혼자 공부 하면서 막막 했던 개념이 커리큘럼에 있으면 꼭 들어보세요! 강의 들으면서 아! 대박! 하는 배움의 즐거움을 느끼실 수 있습니다! 조금더 기초적인 부분부터 공부하고 싶으신 분들은 정재남 님의 다른 기초 강의(‘핵심개념을 알아보는 Javascript Flow‘ ) 듣고 들으면 더 좋은것 같아요!
default_profile.png
개발세발자 4달 전
코어 자바스크립트 책을 감명깊게 읽고 인프런에 혹시 강의가 있을까 해서 봤는데 설명을 정말 잘하시는 거 같아요 ㅎㅎ 어느정도 알고있다 생각했던 것도 다시금 생각하게 만들고 개념을 다시 정립하게 해주는 강의였던 거 같습니다. 감사합니다!
지식공유자 되기
많은 사람들에게 배움의 기회를 주고,
경제적 보상을 받아보세요.
지식공유참여
기업 교육을 위한 인프런
“인프런 비즈니스” 를 통해 모든 팀원이 인프런의 강의들을
자유롭게 학습하는 환경을 제공하세요.
인프런 비즈니스