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

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

(22개의 수강평)

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

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월 초에 별도로 '중급' 과정을 오픈할 예정이므로, 해당 강좌를 기다려 주세요 :)

 연관된 강좌

지식공유자 소개


정재남
NCSoft에서 사내 메신저 앱을 개발하고 있는 프론트엔드 개발자입니다.
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시간 6분
섹션 0. block scope
4 강의 23 : 00
소개
05 : 00
적용대상과 TDZ
10 : 00
this
04 : 00
모든 문 형태에 적용
04 : 00
섹션 1. block scoped variables
5 강의 23 : 00
let
06 : 00
const
06 : 00
Object.freeze와 deep copy
03 : 00
for문에서의 주의사항
03 : 00
let, const 공통사항
05 : 00
섹션 2. template literal
5 강의 33 : 00
소개
06 : 00
상세
08 : 00
forEach, map, reduce 메소드에 대하여
08 : 00
tag function
09 : 00
String.raw
02 : 00
섹션 3. default parameter
1 강의 12 : 00
default parameter
12 : 00
섹션 4. rest parameter
1 강의 05 : 00
rest parameter
05 : 00
섹션 5. spread operator
1 강의 12 : 00
spread operator
12 : 00
섹션 6. enhanced Object functionalities
4 강의 17 : 00
shorthand property
03 : 00
concised method
07 : 00
computed property
02 : 00
property enumeration order
05 : 00
섹션 7. Arrow Function
1 강의 17 : 00
Arrow Function
17 : 00
섹션 8. Function
3 강의 23 : 00
name property
08 : 00
new.target
09 : 00
함수선언문과 스코프
06 : 00
섹션 9. Destructuring assignment
2 강의 20 : 00
배열의 해체할당
07 : 00
객체의 해체할당
13 : 00
섹션 10. 마무리
1 강의 01 : 00
마무리
01 : 00

공개 일자

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

수강 후기

5.0
22개의 수강평
이진경 3달 전
좋은 강의 감사합니다.
김호영 Kim 11달 전
제목 그대로 개념을 잘 짚어주시네요 전편에 비해 속도도 적당하고, 개념만 확실히 짚어주는 내용이 좋았습니다. 한 번 들어서는 개념을 짚는 정도고, 실무에 활용하기 위해서는 두번 세번 반복해서 봐야겠지만, 그건 저의 몫이겠죠. 좋은 강의 감사합니다.
지식공유자 되기
많은 사람들에게 배움의 기회를 주고,
경제적 보상을 받아보세요.
지식공유참여
기업 교육을 위한 인프런
“인프런 비즈니스” 를 통해 모든 팀원이 인프런의 강좌들을
자유롭게 학습하는 환경을 제공하세요.
인프런 비즈니스