강의

멘토링

로드맵

Inflearn brand logo image
BEST
Programming

/

Programming Language

モダンJavaScript(ES6+)の基本

4つのコースで構成されたJavaScriptバイブルコースの3番目のコースです。 JavaScriptの仕様の95%以上をカバーしています。 ES6+環境で新しいパラダイムのプログラムを開発できます。

  • tonextday
JavaScript
ES6

学習した受講者のレビュー

こんなことが学べます

  • ES6+の基本的な文法を学ぶことができます。

  • JavaScriptの言語利用を学ぶことができます。

  • 新しいパラダイムのプログラミングを学ぶことができます。

JavaScriptの講義の完結版!
全体を抜けずに学び、整理できます。

高度化されたJavaScript講義の完結版
JavaScriptでピリオドを撮ってみてください。

4つのコースで構成されたJavaScriptバイブルコースの3番目のコースです。
JavaScriptの仕様の95%以上をカバーしています。
広く、深く、ディテール。
ビギナーは抜け目なく学ぶことができ、経験者は全体を整理することができます。
バイブルコースでJavaScriptのピリオドを撮ることができます。

バイブルコース全体が1つのシナリオです。
つまり、学ぶべきことと学ぶ順序を持っています。
内容は重複していません。


🗒講義の紹介

ES2015(ES6)からES2019(ES10)までカバーしており、ECMAScript仕様の95%以上をカバーしています。

コースのカリキュラムに見られるように、深く、広く、詳細です。


🗒講義上位キーワード

  • let変数、const変数、ブロックスコープ、矢印関数構造/特徴、動的/静的スコープ
  • イテラブルプロトコル/オブジェクト、イテレータプロトコル/オブジェクト
  • Spread, Rest, Destructuring, default value, getter, setter, Template Literal
  • Number, String, Unicode 関数, Object, deep copy, __proto__, Array, Math, regExp
  • Generator, yield, yield*, Symbol, Symbol Property, Symbol 関数/メソッド
  • Map、WeakMap、Set、WeakSet

🗒講義ソースコードをダウンロード

「セクション1、レッスン4」からコースのソースコードをダウンロードできます。


🗒ロードマップコース

関連講義

JavaScriptのロードマップへのショートカット(40%割引)

こんな方に
おすすめです

学習対象は
誰でしょう?

  • ES6+に初めて触れる開発者

  • ES6+を知っているが深く広く確立する開発者

  • JavaScriptのビギナーコースではありません。

前提知識、
必要でしょうか?

  • JavaScriptの基本

  • 開設されたJavaScriptビギナー講座と中高級講座をおすすめします

こんにちは
です。

9,632

受講生

393

受講レビュー

337

回答

4.8

講座評価

12

講座

소프트웨어 개발을 좋아하는 개발자입니다.

메일: tonextday@gmail.com

동영상: 12개
Rust 비기너 강좌 제작중, 2025.09 오픈 예정

클린업 자바스크립트: 점프업
클린업 자바스크립트: 베이스 빌드업
자바스크립트 비기너, 자바스크립트 중고급
모던 자바스크립트(ES6+) 기본, 모던 자바스크립트(ES6+) 심화
DOM 기본, DOM 인터랙션
React 비기너, React 완전 끝내기
요구분석 구현 방법
자바스크립트 머신러닝 TensorFlow.js

저서: 9권
몰입! 자바스크립트
ECMAScript 6
HTML5
DOM 스크립팅
자바스크립트 정규표현식
요구분석을 위한 Event Process 모델링
머신러닝 TensorFlow.js,
Ajax 활용, prototype.js 완전분석  
9권 중에서 8권은 국내 최초 저자입니다.
특히, "머신러닝 TensorFlow.js JavaScript"는 출판하는 시점에 amazon.com에 관련된 책이 없었습니다.

 

 

カリキュラム

全体

94件 ∙ (8時間 29分)

講座資料(こうぎしりょう):

授業資料
講座掲載日: 
最終更新日: 

受講レビュー

全体

53件

4.8

53件の受講レビュー

  • 김상헌님의 프로필 이미지
    김상헌

    受講レビュー 8

    平均評価 5.0

    5

    98% 受講後に作成

    현재 프론트엔드 개발자로 일하고 있는 주니어 개발자입니다. 나름 잘 안다고 생각하였으나, 이 강의를 보고 띄엄띄엄 알고 있었다는 제 자신을 발견하게 되었습니다 이제 저의 수강 후기를 작성 드리겠습니다. 저는 자바스크립트 비기너 강의부터 es6심화 강의까지 4가지의 강의를 다 듣고 적는 후기입니다. 확실히 애매하게 알고있어서 못써왔던것들을 쓸수있게되는게 정말 최고의 수강후기가 아닐까 싶습니다. 예를들어 map, forEach, filter 함수를 뒤에 매개변수값을 추가로 this로 받을 인자값을 앎으로써 굳이 2중으로 반복문을 돌려 시간복잡도를 (n2)로 했던걸 (n)으로 끝낼 수 있었던점, 그리고 call,apply, bind개념이 명확해지면서, this를 매번 헷갈렸는데 헷갈릴때 해당 함수 호출시에 직접적으로 this 바인딩 시켜서 처리할 수 있는점 그리고 스코프에 대한 개념에 대해서는 심화과정을 들으면서 단계적으로 찾아나가고 가장 상위에 있는 것에서 찾고 없으면 __proto__그리고 또 없다면 하위에 __proto__를 찾는다는점 등등 저는 진짜 이번에 영보쌤거 강의들으면서 정말 이런말 표현이 맞을지 모르겠으나 정말 은혜받았습니다... 그리고 어제 밤에 csr을 직접 바닐라로 구현해보면서 class 이벤트에 built-in 오브젝트를 상속해서 처리하는것에 대해서 프론트엔드 프레임워크에서 props개념도 이와 비슷하게 동작하겠구나 하는 것에 대해서도 정말 쌤이 없었다면 원리조차 모를뻔한 것들에 대해서 알아가는 재미를 느꼈습니다 확실히 팀내에서도 저한테 요즘 갑자기 코드가 신기하게 깔끔해졌다고 이야기들 해주더라구요 수강을 고민하시는 분들 정말 돈이 아깝지 않은 강의입니다. 특히 확실하게 알고 사용하고 싶으신 분들, 매일 쓰던것만 쓰던 함수를 쓰던 자신에서, 더 편리하고, 더 좋은 그리고 더 효율적인 내장함수들이 많다는것들을 느끼실겁니다. 고민하지말고, 영보쌤 강의 시리즈 모두 구입하셔서 다들어보시길 권장드립니다. 코드의 질이 달라지며, 생각하는 사고가 달라지는것을 느낄것입니다. 제가 보증 하겠습니다

    • 김영보
      知識共有者

      감사합니다. 응원합니다.

  • 찡태님의 프로필 이미지
    찡태

    受講レビュー 27

    平均評価 5.0

    5

    100% 受講後に作成

    작은것도 놓치지 않고 깊게 설명해주십니다. 각 부분에대해 알맞은 예제를 통해서 이해를 도와주고 생각을 하게됩니다. 아직 저는 이 강의를 다 들은것은 아니지만 이전 강의들을 보면 javascirpt를 정리하며 공든 탑을 쌓을 수 있는 강의라고 생각합니다.

    • 김영보
      知識共有者

      감사합니다.^^ 무너지지 않는 탑이 될 것입니다.

  • 갈길toofar님의 프로필 이미지
    갈길toofar

    受講レビュー 2

    平均評価 5.0

    5

    100% 受講後に作成

    처음엔 제 생각보다 딥하고 대학 이론 느낌의 강의라서 한 번 하차했습니다. 제가 모르는 용어, 개념들도 많아 답답하기도 했고요. (학습 대상에 비기너 과정이 아니라고 적어주셨는데, 제가 비기너는 아니겠지 했지만 비기너가 맞더라고요.) 그런데 내가 모르는 게 많고 그래서 답답하다는 이유로 강의를 포기하는 건 좀 아닌 것 같아서, 모르는 개념이 나오면 검색해가면서 들었습니다. 그래서 한 챕터가 1시간이 넘는 게 없는데 매번 이해해보고 예제 코드들을 따라 쳐보고 콘솔에서 확인해가면서 들었더니 1시간은 넘게 걸렸던 것 같아요. 결국 이번주에 완강했습니다. 솔직히 아직 다 이해했다고 말할 순 없고, 아직도 잘 모르겠는 부분도 있긴 합니다만 꾸준히 강의 하나를 완주한 보람이 있어요. var let const 키워드 차이나 애로우 펑션처럼 JS의 기본적인 개념을 이해할 수 있었고, 한 번 훑고 나니 그래도 이해되는 것들이 많아져서 좋습니다. 심화 강의랑 DOM 강의도 이어서 듣겠습니다. 감사합니다.

    • 김영보
      知識共有者

      수고 하셨습니다. 정상적인 진행이니 자책하지 마시기 바랍니다. 이해가 안 되면 일단 넘어가도 됩니다. 전체를 통해 자바스크립트 언어에 대한 감을 잡는 것이 중요하기 때문입니다. 이를 위해 95% 이상을 다룬 것입니다. 다음 단계로 넘어가기 전에 다시 한번 처음부터 들으시기 바랍니다. 그러면 훨씬 정리가 될 것이고 이것을 바탕으로 다음 강좌를 들으면 더 쉽게 진행할 수 있습니다. DOM 강좌는 콘텐츠의 동적 처리이므로 꼭 들으시기 바랍니다. 다른 관점의 감을 잡을 수 있습니다. 응원합니다^^

  • 통붕이님의 프로필 이미지
    통붕이

    受講レビュー 9

    平均評価 4.4

    5

    100% 受講後に作成

    2020년도에 개발이라는 분야에서 가장 잘했고 가장 많은 성장에 도움이 된건 선생님 강의를 접하게 된것입니다. 처음 시리즈 강의를 시작할때 저는 화면에서 급하게 사용하기 위해 대충 인터넷에 있는 소스를 가져와 조금 수정하는 정도의 이해도를 가지고 시작했습니다. 이 강의 이전에도 시도했던 React.js Node.js 등 수많은 프레임워크와 라이브러리를 사실 상 왜 이렇게 하는지 근본적인 이해도 없이 꾸역꾸역 하나씩 말그대로 그냥 따라하는 수준이였습니다. 하지만 이렇게 해봐야 의미가 없다고 생각하고, 절실하게 JS 의 기본기를 먼저 다지기 위해서 여러강의와 책을 고민했습니다. 강의를 선택하게 된것도 우연히 그렇게 시작했습니다. 처음 시작은 조금 지루하고 힘들기도 했습니다. 그래도 점점 선생님 강의에 적응하기 시작했고 여러번 반복해서 수업을 듣기 시작하면서 하나씩 개념이 정리 되었습니다. 강의를 따라서 코드를 작성해 디버깅을 하는 습관을 통해 스코프, prototype, __proto__ , 호이스팅, 클로져, this 등 하나도 모르고 시작했던 내용도 혼자서 코드를 이해할 수 있게되었습니다. 시리즈 강의 4개중에 3개를 끝내고 지금은 마지막 강의를 수강하고 있습니다. 이전에 공부한 내용이 기억이 나지 않으면 다시 강의를 찾아보고 정리한 내용을 토대로 이제 배운 것을 활용해보기 위해서 스터디와 개인 프로젝트를 진행 중입니다. 감사합니다!

    • 김영보
      知識共有者

      감사합니다. 끝 부분에 작성하신대로 1년만 하시면 기본이 튼튼하게 만들어 질 것입니다. 기초가 아닌 기본입니다. 향후 1년이 매우 중요합니다. 꼭 생각하신대로 하시기 바랍니다. 그러면 대충 5년, 7년한 사람보다 나을 것입니다. 또한 내 자신이 자신감을 갖게 됩니다.

  • 이용현님의 프로필 이미지
    이용현

    受講レビュー 6

    平均評価 5.0

    5

    79% 受講後に作成

    처음엔 한 강의강의가 시간이 짧아 의심을 하긴 했지만, 내용이 정말 알찹니다. 반복학습만이 답입니다. 한번에 이해하지 못해도 좋습니다. 반복학습!! 중요합니다!

    • 김영보
      知識共有者

      맞습니다. 반복이 핵심입니다. 감사합니다.

¥6,526

tonextdayの他の講座

知識共有者の他の講座を見てみましょう!

似ている講座

同じ分野の他の講座を見てみましょう!