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

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

(16개의 수강평)

320명의 수강생

34,650원

정재남
평생
초급
수료증
28개 수업, 총 3시간 6분
Wishlist

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

지식공유자 소개

정재남

교육과정

block scope
소개
05 : 00
적용대상과 TDZ
10 : 00
this
04 : 00
모든 문 형태에 적용
04 : 00
block scoped variables
let
06 : 00
const
06 : 00
Object.freeze와 deep copy
03 : 00
for문에서의 주의사항
03 : 00
let, const 공통사항
05 : 00
template literal
소개
06 : 00
상세
08 : 00
forEach, map, reduce 메소드에 대하여
08 : 00
tag function
09 : 00
String.raw
02 : 00
default parameter
default parameter
12 : 00
rest parameter
rest parameter
05 : 00
spread operator
spread operator
12 : 00
enhanced Object functionalities
shorthand property
03 : 00
concised method
07 : 00
computed property
02 : 00
property enumeration order
05 : 00
Arrow Function
Arrow Function
17 : 00
Function
name property
08 : 00
new.target
09 : 00
함수선언문과 스코프
06 : 00
Destructuring assignment
배열의 해체할당
07 : 00
객체의 해체할당
13 : 00
마무리
마무리
01 : 00

수강 후기

5.0
16개의 수강평
남보석 6일 전
초보 개발자도 정말 알아듣기 쉽게 강의가 구성되어 있어서 좋아요!!!
이영창 9일 전
짧고 간결하게 정리하기 좋은 강의입니다. 추천합니다. ^^
Geunhyeong Kim 16일 전
너무 많은 도움이 되었습니다 감사합니다.
변재영 22일 전
도움 많이 되었습니다.
seed 4달 전
ES6 강의 잘 들었습니다. 강의는 나오자마자 바로 구매했는데 회사에서 ES6를 사용하지도 않고 찌들은 야근으로 인해 듣지 못하다가 퇴사하고나서 몰아서 강의를 다 들었습니다. ES5에서는 이렇게 했는데 ES6에서는 이렇게 하면 된다 정말 간결하고 쉽다. 라는 방식의 설명이 ES6의 매력을 좀 더 부각시켜주고 어떻게 활용할 지에 대해서 쉽게 와닿아서 정말 좋은 강의였습니다. 강의 잘들었습니다. 감사합니다.
김호영 Kim 5달 전
제목 그대로 개념을 잘 짚어주시네요 전편에 비해 속도도 적당하고, 개념만 확실히 짚어주는 내용이 좋았습니다. 한 번 들어서는 개념을 짚는 정도고, 실무에 활용하기 위해서는 두번 세번 반복해서 봐야겠지만, 그건 저의 몫이겠죠. 좋은 강의 감사합니다.
김우석 7달 전
어렵지 않게 쉽게 정확하게 알려주시네요
Minji Choi 7달 전
ES6 흐름의 틀을 잡을 수 있어요! 재남 님 오프라인 강의 듣고 온라인으로 이어 듣고 있습니다. 두번째로 듣는 중인데, 처음 들을 땐 대략적인 틀과 흐름을 이해할 수 있어서 좋았고, 두번째는 처음 알았던 내용을 되짚고 잊고 있던 내용과 어려워 지나쳤던 내용을 다시 알게 돼서 좋네요! 추천합니다!
kyeongHwan Son 10달 전
개념을 제대로 알아보는 ECMAScript 6+ Flow ECMAScript2015+의 알짜배기 내용을 배울수 있어서 좋았습니다. 추후 열린다는 고급반강의도 꼭 듣고 싶은데 언제쯤 공개될까 기대됩니다.
정재남 프로필

정재남 10달 전
고급반 강의 공개일정 원래 6월말까지 편집을 완료하고 7월중에 업로드할 계획이었으나 개인적인 사정으로 작업이 늦어지고 있습니다. 기다리고 계신 분들께 사죄 말씀 드리며, 최대한 8월말까지는 업로드할 수 있도록 노력하겠습니다. 감사합니다.

김대희 김 10달 전
ECMAScript 6에 대해 알 수 있는 아주 좋은 강의입니다. 진지하게 ECMAScript를 아직 도입하지 않은 회사들이 많은데, 도입을 하게 된다면 앞장서서 이 강의를 들으라고 권하고 싶습니다. 감사합니다 !
혜인 11달 전
es6 기초 잡기 정말 좋은 강의입니다! es6를 처음 공부하시는 분들께 정말 도움이 많이 될 수 있는 강의 같아요! 다양한 예제들이 있어서 개념을 쉽게 이해할 수 있었습니다!
백성훈 11달 전
기본에 충실하고 싶다면! ES6 의 개념을 다시 복습하면서 들었는데 정말 좋았습니다. 자신이 기본기에 자신이 없거나, 라이브러리, 프레임워크 습득으로 기본을 놓치신 분이 있다면 꼭 들어보세요!
송은정 11달 전
아주 좋아요 b 혼자 공부 하면서 막막 했던 개념이 커리큘럼에 있으면 꼭 들어보세요! 강의 들으면서 아! 대박! 하는 배움의 즐거움을 느끼실 수 있습니다! 조금더 기초적인 부분부터 공부하고 싶으신 분들은 정재남 님의 다른 기초 강의(‘핵심개념을 알아보는 Javascript Flow‘ ) 듣고 들으면 더 좋은것 같아요!
Jihun Kim 2018.06.18
구매를 안할수가 없었읍니다. 핵심개념을 알아보는 Javascript Flow 보고 해당 강좌도 구매하였읍니다. 치킨 최소 2마리의 가격이 절대로 아깝지 않았읍니다. 열공 하겠읍니다.
민소라 2018.06.07
ECMAScript 6+ Flow 강의를 들으며 기초를 잘 잡을 수 있었습니다! 회사에서 리액트를 사용하게 되면서 es6 공부가 간절했었는데, ECMAScript 6+ Flow 강의를 들으며 기초를 잘 잡을 수 있었습니다! es6에 대해 두려움이 있었는데 강의 덕에 많이 극복 할 수 있었네요 :-) 감사합니당! 앞으로도 복습하면서 잘 성장하겠습니당!
jinhyde 2018.06.01
잘 보고 있어요! 정재남님의 jsflow듣고 이강의 역시 듣고 있어요! 요점만 정리한 강의라 es6처음 접하는 분들께 좋은 것 같아요. 중간중간 직접 수업에서 사용한 동영상으로 기존의 인강수업보단 실제강의 하는 느낌이 많이 드는 강의라서 좋은 것 같습니다. 한 강의에 10분내외 수업 내용으로 집중하기도 좋고 출퇴근시에 많이 보고 있습니다. 항상 좋은 강의 감사드려요!