강의

멘토링

커뮤니티

/

簡単に学ぶ Webpack

最新のフロントエンド フレームワーク (React、Angular、Vue) で必須となるツールである Webpack の基本概念を学ぶ講座です。 この授業を通じて、Webpack の背景と思想を理解し、Webpack 設定ファイルを簡単に分析およびカスタマイズできるように受講生の能力を向上させることを目的としています。

  • captain
Webpack
Bundling

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

1.講座紹介

最新のフロントエンドフレームワーク(React、Angular、Vue)で必須となるツールであるWebpackの基本概念を学習する講座です。 Webpackに漠然とした恐れを持っているフロントエンド入門開発者、Web開発者を対象としています。このクラスでは、Webpackの背景と思想を理解し、 Webpack設定ファイルを簡単に分析し、カスタマイジングが可能になるように受講生の能力を向上させる授業を目指します。複雑で悪名高いWebpackの設定を簡単に理解するために、各属性の役割簡単に説明 - >インストラクターがライブコーディング - >準備された例で受講生が実習の形で授業を進めます。 Webpackの主な属性であるEntry、Output、Loader、Plugin、Resolveなどを取り扱い、Webパックを利用した開発環境の構成方法やその他のWeb自動化ツールとの連動方法などを学習し、基本概念だけでなく実際にサービスや実務に適用することができるできるだけカリキュラムを構成しました。

웹팩 핸드북 사이트 소개

上記のサイトは講義を聞くときに一緒に見ると良いです😁(クリックするとサイトにアクセスできます)

2.誰に役立つのですか?

  • Webpackが何であるかわからない人
  • Webpackは聞きましたが、設定ファイルを開くと怖い人
  • Webpack公式ドキュメントをよりマウス投げた方
  • Webpackを学びたいのですが、あまり参考になっていない方
  • このイメージを見て何の音なのか分からないという方は皆聞いてください。

3.どんなことを学びますか?

Webpackの主な属性Webpack開発環境の構成付録
  • エントリー
  • Output
  • Loader
  • Plugin
  • Resolve
  • Webpack Dev Server
  • Webpack Dev Middleware
  • 開発者ツール連携
  • Gulpと連動
  • NPM(ノードパッケージマネージャ)の紹介と使用法
  • JavaScriptのモジュール化
  • Node Path API

4.コースの特徴

設定が複雑になるほど、小さな単位から順番に学習をしなければ大きな絵を描くことができます。各主要属性について簡単に説明した後、講師のライブコーディング -> 準備された例に従って受講生が実習するようにカリキュラムを構成しました。このようにして、受講生の方が簡単かつ迅速にWebpackに従うことができるように構成しました。また、なぜ多くの不思議なWebパックを使用する必要がありますか? Webパックの背景、Webパックの使用に必要な選手知識(NPM、JavaScriptモジュール化)やその他の技術(Node.js、Gulp)をあらかじめご説明いたします。

5.講師紹介

チャン・ギヒョ(キャプテン板橋)


[プロフィール]

Inflearnが出会った人#02 |チャン・ギヒョンインタビューに行く

こんにちは
です。

48,949

受講生

4,794

受講レビュー

3,815

回答

4.9

講座評価

19

講座

인프런에서 8년째 지식을 공유하고 있습니다. 🏠 기술블로그, 📣 트위터, 💻 깃헙

📗 Do it! Vue.js 입문, 쉽게 시작하는 타입스크립트, 나는 네이버 프런트엔드 개발자입니다. 책 3권 집필
📖 Cracking Vue.js, 타입스크립트 핸드북, 웹팩 핸드북. 온라인 무료 가이드북 3권 집필
👨‍💻 캡틴판교의 프론트엔드 개발 유튜브 채널 운영 - 취준생, 주니어 개발자들의 고민을 들을 수 있는 곳
🥤 캡틴판교의 카카오톡 오픈 채팅방 운영 - 프런트엔드 개발 최신 정보와 업계 동료들의 생각과 고민을 들을 수 있는 곳

カリキュラム

全体

51件 ∙ (3時間 26分)

講座掲載日: 
最終更新日: 

受講レビュー

全体

41件

4.2

41件の受講レビュー

  • OCK Sam님의 프로필 이미지
    OCK Sam

    受講レビュー 2

    平均評価 4.5

    4

    100% 受講後に作成

    버전이 달라지긴 했지만, 이또한 공부라 생각하고 달라진 부분을 직접 찾아서 구현함으로써 공부하는데 도움이 많이 되었습니다! 갓틴갓교 감사합니당

    • newcat님의 프로필 이미지
      newcat

      受講レビュー 3

      平均評価 5.0

      5

      98% 受講後に作成

      좋네용 대충대충 아 그냥 이렇구나 하고 넘어갔던 설정들에 대한 기본기를 탄탄하게 다시 잡아준 강의였습니다.

      • Leo님의 프로필 이미지
        Leo

        受講レビュー 24

        平均評価 4.5

        5

        100% 受講後に作成

        Webpack을 이해하는데 많은 도움이 되었습니다.

        • meon take님의 프로필 이미지
          meon take

          受講レビュー 21

          平均評価 4.6

          4

          100% 受講後に作成

          감사합니다. 수고하세요

          • jude님의 프로필 이미지
            jude

            受講レビュー 7

            平均評価 5.0

            5

            100% 受講後に作成

            웹팩에 대해 기본적인 지식을 알 수 있었던 강의였던거 같아요, 알아두면 좋은 문서들 추천이 많아서 좋았습니다.

            captainの他の講座

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