Thumbnail
BEST
개발 · 프로그래밍 프로그래밍 언어

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

(4.9)
115개의 수강평 ∙  1,619명의 수강생

35,200원

지식공유자: 정재남
총 29개 수업 (3시간 30분)
수강기한: 
무제한
수료증: 발급
난이도: 
입문
-
초급
-
중급이상
지식공유자 답변이 제공되는 강의입니다
폴더에 추가 공유

초급자를 위해 준비한
[웹 개발, 프론트엔드] 강의입니다.

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

✍️
이런 걸
배워요!
ECMAScript 개념과 동작 원리
ES6+ 환경에서 최신 프레임워크 및 라이브러리로 개발하는 방법

Javascript ES6+는 뭐가 다를까?
네이버 개발자에게 배우는 ES6+의 정석

ECMAScript6+ 제대로 알아보기 : 초급

《ES6+ 제대로 알아보기》에서는 Javascript의 ES6 및 이후의 표준 ECMAScript 명세에 대한 이론을 바탕으로 ES5와 달라진 점 및 개념과 동작 원리를 깊이 있게 살펴봅니다.

모던 브라우저에서의 동작 과정을 직접 눈으로 확인하며, 실무에 적합한 다양한 예제들을 통해 좋은 코딩을 하기 위한 팁과 학습 요령을 알려드립니다. (단, 이 강의는 자바스크립트 입문 강의는 아닙니다.)


이 강의에는
이런 특징이 있습니다

  • 해당 강의는 2018년 4월부터 진행한 오프라인 강의 내용을 편집 및 재구성한 것입니다.
  • 오프라인 강의에서 중간중간 이뤄진 수강생들의 질문 및 그에 대한 답변을 그대로 살렸습니다.
  • 새로운 기능을 소개하고, 기존 방식의 동작원리새로운 방식의 동작원리를 알기 쉽게 비교하며 설명하고자 하였습니다.
  • 첫 강의부터 차근차근 단계를 밟아가며 지식의 폭이 넓어질 수 있게끔 구성하였습니다.
  • 가급적 실무에서 쓰고 있는 예제를 소개하고자 하였으며, 중간중간 직접 경험했거나 접해본 이슈를 해결하는 방법도 소개해 드리고자 하였습니다.

이 강의에는
이런 목표가 있습니다

  • ECMAScript 개념과 동작 원리를 알 수 있다.
  • ES6+ 환경에서 최신 프레임워크나 라이브러리로 개발 할 수 있다.

이 강의는
이런 분들께 도움됩니다

자바스크립트
(프론트엔드)
개발자

ES6+ 환경에서 ReactJS, VueJS, Typescript 같은 프레임워크/라이브러리로 개발하고 있는 분

원리를 이해하지 못한 채로 활용하기에 급급하여 자신감이 없거나 기본기에 대한 갈증을 느끼시는 분

참고 사항

  • 《핵심개념을 알아보는 Javascript Flow》 강의 커리큘럼상의 내용을 모두 이해하고 계신 분(참조형 데이터의 동작원리, 호이스팅, 스코프, 실행컨텍스트, this 바인딩, 클로저, 프로토타입 및 클래스 상속 등에 대한 사전지식이 있는 분)은 내용을 보다 수월하게 이해하실 수 있습니다.
  • 한편 위에서 언급한 사전지식이 없는 분의 경우 ES5 환경에서의 동작과 새로운 기능을 비교하는 내용에 대해서는 이해에 어려움이 따르게 될 수 있습니다. 하지만 그렇다고 하여 ES6의 새로운 기능을 학습하지 못하는 것은 전혀 아니며, 오히려 그렇기 때문에 습득에 더 용이한 측면도 있으리라 생각합니다.
  • 커리큘럼상의 내용을 모두 알고 계신 분에게는 적합하지 않을 수도 있습니다.
  • ES6+의 Class, Iterator, Generator, Promise 등은 《Javascript ES6+ 제대로 알아보기 - 중급》에서 다루고 있습니다.

이 강의와
연관된 강의

코어 자바스크립트

  • 자바스크립트 전체를 관통하는 핵심 개념

Javascript ES6+ - 중급

  • ES6 이후의 표준 ECMAScript 명세 및 이론
  • ES5와의 차이점, 개념 및 동작 원리

Javascript ES6+ - 보너스

  • ES2015의 proxy, module 등의 기타 기능
  • ES2016, ES2017, ES2018에서 새롭게 추가된 기능

이런 분들께 추천드려요!

🎓
학습 대상은
누구일까요?
자바스크립트 (프론트엔드) 개발자
ES6+ 환경에서 ReactJS, VueJS, Typescript 같은 프레임워크 및 라이브러리로 개발하고 있는 분
원리를 이해하지 못한 채로 활용하기에 급급하여 자신감이 없거나 기본기에 대한 갈증을 느끼시는 분
📚
선수 지식,
필요할까요?
자바스크립트

안녕하세요
정재남 입니다.
정재남의 썸네일

안녕하세요, 시니어 프론트엔드 개발자 정재남 입니다.
서로 돕고 함께 발전하는 건전한 공유문화를 지향하여 다양한 활동을 하고 있습니다.

저서: 코어 자바스크립트

유튜브 채널: 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일)
수강평 총 115개
수강생분들이 직접 작성하신 수강평입니다.
4.9
115개의 수강평
5점
4점
3점
2점
1점
VIEW 추천 순 최신 순 높은 평점 순 낮은 평점 순 평점 순 높은 평점 순 낮은 평점 순
Rechel thumbnail
5
jQuery만 썼고 기능은 대부분 라이브러리나 검색에만 의존적이었던 저라 Flow부터 갑자기 많은 용어들이 머리에 들어와서 혼동이지만 ㅎ.ㅎ) 강사님 예시와 설명이 실무에서 사용 할 때 많은 것들을 생각할 수 있도록 만들어 주시는 것 같아요. 제가 직접 써봐야 내꺼화가 되니, 많이 사용해보면서 헷갈리는 것들이 있으면 다시 돌려 듣고 해야겠어요. 감사합니다. JSFlow부터 보고 있었요 :)
2020-04-27
개발새발자 thumbnail
5
코어 자바스크립트 책을 감명깊게 읽고 인프런에 혹시 강의가 있을까 해서 봤는데 설명을 정말 잘하시는 거 같아요 ㅎㅎ 어느정도 알고있다 생각했던 것도 다시금 생각하게 만들고 개념을 다시 정립하게 해주는 강의였던 거 같습니다. 감사합니다!
2020-01-02
이진경 thumbnail
5
좋은 강의 감사합니다.
2019-08-14
Sang-ok Lee thumbnail
5
도움이 많이 되었습니다. 반복해서 보고 실습하면서 확실히 익혀야겠어요~ 감사합니다.
2020-05-02
송은정 thumbnail
5
아주 좋아요 b 혼자 공부 하면서 막막 했던 개념이 커리큘럼에 있으면 꼭 들어보세요! 강의 들으면서 아! 대박! 하는 배움의 즐거움을 느끼실 수 있습니다! 조금더 기초적인 부분부터 공부하고 싶으신 분들은 정재남 님의 다른 기초 강의(‘핵심개념을 알아보는 Javascript Flow‘ ) 듣고 들으면 더 좋은것 같아요!
2018-06-27