인프런 업데이트 소식 🔨👷🏼‍♂️
Javascript ES6+ 제대로 알아보기 - 초급
Javascript ES6+ 제대로 알아보기 - 초급
수강정보
(46개의 수강평)
693명의 수강생
스킬태그 #ES6, #Javascript
34,650원
지식공유자 : 정재남
29회 수업 · 총 3시간 30분 수업
기간 : 평생 무제한 시청
수료증 : 발급 강의
수강 난이도 : 초급

이 강의는

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

ECMAScript6+ 제대로 알아보기 초급 강좌

ES6+ 제대로 알아보기 강좌는 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 프론트엔드 개발자입니다.
Ecmascript2015+, ReactJS, Node.js 등을 주로 다루고 있습니다. 

웹에이전시, 스타트업, 쿠팡, NC소프트 등에서 다양한 웹서비스를 개발했고,
오프라인 jQuery, javascript, ReactJS 강의형 스터디를 다수 진행하였습니다.

  Github: https://github.com/gomugom 

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

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

교육과정

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

공개 일자

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

수강 후기

5.0
46개의 수강평
default_profile.png
송은정 2018.06.27
아주 좋아요 b 혼자 공부 하면서 막막 했던 개념이 커리큘럼에 있으면 꼭 들어보세요! 강의 들으면서 아! 대박! 하는 배움의 즐거움을 느끼실 수 있습니다! 조금더 기초적인 부분부터 공부하고 싶으신 분들은 정재남 님의 다른 기초 강의(‘핵심개념을 알아보는 Javascript Flow‘ ) 듣고 들으면 더 좋은것 같아요!
image
Sang-ok Lee 3달 전
도움이 많이 되었습니다. 반복해서 보고 실습하면서 확실히 익혀야겠어요~ 감사합니다.
default_profile.png
Rechel 3달 전
jQuery만 썼고 기능은 대부분 라이브러리나 검색에만 의존적이었던 저라 Flow부터 갑자기 많은 용어들이 머리에 들어와서 혼동이지만 ㅎ.ㅎ) 강사님 예시와 설명이 실무에서 사용 할 때 많은 것들을 생각할 수 있도록 만들어 주시는 것 같아요. 제가 직접 써봐야 내꺼화가 되니, 많이 사용해보면서 헷갈리는 것들이 있으면 다시 돌려 듣고 해야겠어요. 감사합니다. JSFlow부터 보고 있었요 :)
지식공유자 되기
많은 사람들에게 배움의 기회를 주고,
경제적 보상을 받아보세요.
지식공유참여
기업 교육을 위한 인프런
“인프런 비즈니스” 를 통해 모든 팀원이 인프런의 강의들을
자유롭게 학습하는 환경을 제공하세요.
인프런 비즈니스