메일 인증하면, 매일 특별한 선물💌
Thumbnail
인프런 추석할인 중(D-3)
BEST 개발 · 프로그래밍 웹 개발
Javascript ES6+ 제대로 알아보기 - 초급
(4.9)
91개의 수강평 ∙ 1112명의 수강생

20%

28,160원

35,200원
지식공유자 : 정재남
총 29개 수업˙총 3시간 30분
평생 무제한 수강
수료증 발급 강의
입문 초급 대상 중급이상
이 강의는 멘토링 신청이 가능합니다.
멘토링은 수강 신청과 별개로 운영되며, 수강생이 아니어도 신청할 수 있습니다.
폴더에 추가 833 공유
초급자를 위해 준비한
[웹 개발, 프로그래밍 언어] 강의입니다.

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 프론트엔드 개발자입니다.
지식공유를 좋아하며
꾸준히 멘토링 및 스터디를 진행하고 있습니다.

 

저서: 코어 자바스크립트

Github: github.com/roy-jung

블로그: roy-jung.github.io

유튜브 채널: FE재남

커리큘럼 총 29 개 ˙ 3시간 30분의 수업
이 강의는 영상, 수업 노트, 첨부 파일이 제공됩니다. 미리보기를 통해 콘텐츠를 확인해보세요.
섹션 0. Intro
섹션 1. block scope
적용대상과 TDZ 10:34
this 04:16
모든 문 형태에 적용 04:36
섹션 2. block scoped variables
let 미리보기 06:38
const 08:05
Object.freeze와 deep copy 05:49
for문에서의 주의사항 03:03
let, const 공통사항 07:51
섹션 3. template literal
소개 06:11
상세 08:15
forEach, map, reduce 메소드에 대하여 10:22
tag function 09:57
String.raw 03:00
섹션 4. default parameter
default parameter 13:38
섹션 5. rest parameter
rest parameter 05:10
섹션 6. spread operator
spread operator 12:05
섹션 7. enhanced Object functionalities
shorthand property 미리보기 03:14
concised method 07:14
computed property 02:47
property enumeration order 06:15
섹션 8. Arrow Function
Arrow Function 18:58
섹션 9. Function
name property 미리보기 08:21
new.target 09:12
함수선언문과 스코프 06:08
섹션 10. Destructuring assignment
배열의 해체할당 07:46
객체의 해체할당 13:49
섹션 11. 마무리
마무리 01:55
강의 게시일 : 2018년 05월 28일 (마지막 업데이트일 : 2020년 06월 19일)
수강평 총 91개
수강생분들이 직접 작성하신 수강평입니다. 수강평을 작성 시 300잎이 적립됩니다.
4.9
91개의 수강평
5점
4점
3점
2점
1점
VIEW 좋아요 순 최신 순 높은 평점 순 낮은 평점 순 평점 순 높은 평점 순 낮은 평점 순
Sang-ok Lee thumbnail
도움이 많이 되었습니다. 반복해서 보고 실습하면서 확실히 익혀야겠어요~ 감사합니다.
2020-05-02
개발새발자 thumbnail
코어 자바스크립트 책을 감명깊게 읽고 인프런에 혹시 강의가 있을까 해서 봤는데 설명을 정말 잘하시는 거 같아요 ㅎㅎ 어느정도 알고있다 생각했던 것도 다시금 생각하게 만들고 개념을 다시 정립하게 해주는 강의였던 거 같습니다. 감사합니다!
2020-01-02
Rechel thumbnail
jQuery만 썼고 기능은 대부분 라이브러리나 검색에만 의존적이었던 저라 Flow부터 갑자기 많은 용어들이 머리에 들어와서 혼동이지만 ㅎ.ㅎ) 강사님 예시와 설명이 실무에서 사용 할 때 많은 것들을 생각할 수 있도록 만들어 주시는 것 같아요. 제가 직접 써봐야 내꺼화가 되니, 많이 사용해보면서 헷갈리는 것들이 있으면 다시 돌려 듣고 해야겠어요. 감사합니다. JSFlow부터 보고 있었요 :)
2020-04-27
휴식중인 불가사리 thumbnail
아주 좋아요 b 혼자 공부 하면서 막막 했던 개념이 커리큘럼에 있으면 꼭 들어보세요! 강의 들으면서 아! 대박! 하는 배움의 즐거움을 느끼실 수 있습니다! 조금더 기초적인 부분부터 공부하고 싶으신 분들은 정재남 님의 다른 기초 강의(‘핵심개념을 알아보는 Javascript Flow‘ ) 듣고 들으면 더 좋은것 같아요!
2018-06-27
이진경 thumbnail
좋은 강의 감사합니다.
2019-08-14
인프런 추석할인 중(D-3)

20%

28,160원

35,200원
폴더에 추가 833 공유
지식공유자 : 정재남
총 29개 수업˙총 3시간 30분
평생 무제한 수강
수료증 발급 강의
입문 초급 대상 중급이상
이 강의는 멘토링 신청이 가능합니다.
멘토링은 수강 신청과 별개로 운영되며, 수강생이 아니어도 신청할 수 있습니다.
지식공유자 되기
많은 사람들에게 배움의 기회를 주고,
경제적 보상을 받아보세요.
지식공유참여
기업 교육을 위한 인프런
“인프런 비즈니스” 를 통해 모든 팀원이 인프런의 강의를
자유롭게 학습하는 환경을 제공하세요.
인프런 비즈니스