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

 

ECMAScript 6+ Flow

ECMAScript 6+ Flow 강좌는 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

강좌 평가

5

9 개의 수강평
  • 5 점9
  • 4 점0
  • 3 점0
  • 2 점0
  • 1 점0
  1. kyeongHwan Son의 프로필 사진

    개념을 제대로 알아보는 ECMAScript 6+ Flow

    5

    ECMAScript2015+의 알짜배기 내용을 배울수 있어서 좋았습니다. 추후 열린다는 고급반강의도 꼭 듣고 싶은데 언제쯤 공개될까 기대됩니다.

    • 정재남의 프로필 사진

      고급반 강의 공개일정

      5

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

  2. 김대희의 프로필 사진

    ECMAScript 6에 대해 알 수 있는 아주 좋은 강의입니다.

    5

    진지하게 ECMAScript를 아직 도입하지 않은 회사들이 많은데, 도입을 하게 된다면 앞장서서 이 강의를 들으라고 권하고 싶습니다. 감사합니다 !

  3. 혜인의 프로필 사진

    es6 기초 잡기 정말 좋은 강의입니다!

    5

    es6를 처음 공부하시는 분들께 정말 도움이 많이 될 수 있는 강의 같아요!
    다양한 예제들이 있어서 개념을 쉽게 이해할 수 있었습니다!

  4. 루테스의 프로필 사진

    기본에 충실하고 싶다면!

    5

    ES6 의 개념을 다시 복습하면서 들었는데 정말 좋았습니다.
    자신이 기본기에 자신이 없거나, 라이브러리, 프레임워크 습득으로 기본을 놓치신 분이 있다면
    꼭 들어보세요!

  5. 송은정의 프로필 사진

    아주 좋아요 b

    5

    혼자 공부 하면서 막막 했던 개념이 커리큘럼에 있으면 꼭 들어보세요! 강의 들으면서 아! 대박! 하는 배움의 즐거움을 느끼실 수 있습니다! 조금더 기초적인 부분부터 공부하고 싶으신 분들은 정재남 님의 다른 기초 강의(‘핵심개념을 알아보는 Javascript Flow‘ ) 듣고 들으면 더 좋은것 같아요!

  6. Ryan Dahl의 프로필 사진

    구매를 안할수가 없었읍니다.

    5

    핵심개념을 알아보는 Javascript Flow 보고 해당 강좌도 구매하였읍니다.

    치킨 최소 2마리의 가격이 절대로 아깝지 않았읍니다.

    열공 하겠읍니다.

  7. 민소라의 프로필 사진

    ECMAScript 6+ Flow 강의를 들으며 기초를 잘 잡을 수 있었습니다!

    5

    회사에서 리액트를 사용하게 되면서 es6 공부가 간절했었는데,
    ECMAScript 6+ Flow 강의를 들으며 기초를 잘 잡을 수 있었습니다!
    es6에 대해 두려움이 있었는데 강의 덕에 많이 극복 할 수 있었네요 🙂
    감사합니당! 앞으로도 복습하면서 잘 성장하겠습니당!

  8. jinhyde의 프로필 사진

    잘 보고 있어요!

    5

    정재남님의 jsflow듣고 이강의 역시 듣고 있어요! 요점만 정리한 강의라 es6처음 접하는 분들께 좋은 것 같아요.
    중간중간 직접 수업에서 사용한 동영상으로 기존의 인강수업보단 실제강의 하는 느낌이 많이 드는 강의라서 좋은 것 같습니다.
    한 강의에 10분내외 수업 내용으로 집중하기도 좋고 출퇴근시에 많이 보고 있습니다. 항상 좋은 강의 감사드려요!

강좌 교육과정

block scope
소개학습을 원하시면 최상단 '배우기 버튼을 클릭해주세요' 미리보기 00:05:00
적용대상과 TDZ학습을 원하시면 최상단 '배우기 버튼을 클릭해주세요' 00:10:00
this학습을 원하시면 최상단 '배우기 버튼을 클릭해주세요' 00:04:00
모든 문 형태에 적용학습을 원하시면 최상단 '배우기 버튼을 클릭해주세요' 00:04:00
block scoped variables
let학습을 원하시면 최상단 '배우기 버튼을 클릭해주세요' 미리보기 00:06:00
const학습을 원하시면 최상단 '배우기 버튼을 클릭해주세요' 00:06:00
Object.freeze와 deep copy학습을 원하시면 최상단 '배우기 버튼을 클릭해주세요' 00:03:00
for문에서의 주의사항학습을 원하시면 최상단 '배우기 버튼을 클릭해주세요' 00:03:00
let, const 공통사항학습을 원하시면 최상단 '배우기 버튼을 클릭해주세요' 00:05:00
template literal
소개학습을 원하시면 최상단 '배우기 버튼을 클릭해주세요' 00:06:00
상세학습을 원하시면 최상단 '배우기 버튼을 클릭해주세요' 00:08:00
forEach, map, reduce 메소드에 대하여학습을 원하시면 최상단 '배우기 버튼을 클릭해주세요' 00:08:00
tag function학습을 원하시면 최상단 '배우기 버튼을 클릭해주세요' 00:09:00
String.raw학습을 원하시면 최상단 '배우기 버튼을 클릭해주세요' 00:02:00
default parameter
default parameter학습을 원하시면 최상단 '배우기 버튼을 클릭해주세요' 00:12:00
rest parameter
rest parameter학습을 원하시면 최상단 '배우기 버튼을 클릭해주세요' 00:05:00
spread operator
spread operator학습을 원하시면 최상단 '배우기 버튼을 클릭해주세요' 00:12:00
enhanced Object functionalities
shorthand property학습을 원하시면 최상단 '배우기 버튼을 클릭해주세요' 미리보기 00:03:00
concised method학습을 원하시면 최상단 '배우기 버튼을 클릭해주세요' 00:07:00
computed property학습을 원하시면 최상단 '배우기 버튼을 클릭해주세요' 00:02:00
property enumeration order학습을 원하시면 최상단 '배우기 버튼을 클릭해주세요' 00:05:00
Arrow Function
Arrow Function학습을 원하시면 최상단 '배우기 버튼을 클릭해주세요' 00:17:00
Function
name property학습을 원하시면 최상단 '배우기 버튼을 클릭해주세요' 미리보기 00:08:00
new.target학습을 원하시면 최상단 '배우기 버튼을 클릭해주세요' 00:09:00
함수선언문과 스코프학습을 원하시면 최상단 '배우기 버튼을 클릭해주세요' 00:06:00
Destructuring assignment
배열의 해체할당학습을 원하시면 최상단 '배우기 버튼을 클릭해주세요' 00:07:00
객체의 해체할당학습을 원하시면 최상단 '배우기 버튼을 클릭해주세요' 00:13:00
마무리
마무리학습을 원하시면 최상단 '배우기 버튼을 클릭해주세요' 00:01:00
  • 가격 옵션 +
  • 평생
  • 강좌 수료증
  • 28개 강의, 총 3 시간 6 분
  • 위시리스트

우리는 성장기회의 평등 을 추구합니다.

경제적, 시간적 제약없는 양질을 교육으로 누구나에게 성장 기회를 균등하게 주는것. 그것이 우리의 목표입니다.

지식공유참여 고객센터
top
(주)인프랩 | 대표자:이형주 | TEL:070-4202-1180 | E-MAIL: course@inflearn.com | 사업자번호:499-81-00612
주소:성남시 분당구 삼평동 대왕판교로 645번길 12 경기창조경제혁신센터 8층 R10 | 개인정보보호책임자:이형주
통신판매업:2017-서울강남-01544 | ©INFLAB. ALL RIGHTS RESERVED