강의

멘토링

로드맵

/

Easy to learn Webpack

This course teaches the basic concepts of Webpack, a tool that is essential for the latest front-end frameworks (React, Angular, Vue). The purpose of this class is to help students understand the background and philosophy of Webpack and improve their ability to easily analyze and customize Webpack configuration files.

(4.2) 41 reviews

987 learners

  • captain
Webpack
Bundling

Reviews from Early Learners

1. Course Introduction

This course covers the basic concepts of Webpack, an essential tool in the latest front-end frameworks (React, Angular, Vue). It is aimed at beginner front-end developers and web developers who have vague fears about Webpack. Through this course , we aim to understand the background and ideology of Webpack and improve the students' ability to easily analyze and customize the Webpack configuration file . In order to easily understand the notoriously complex settings of Webpack, the course will proceed in a hands-on manner with a simple explanation of the role of each property -> the instructor doing live coding -> the students taking the course with prepared examples. We cover the main properties of Webpack, such as Entry, Output, Loader, Plugin, and Resolve, and learn how to configure a development environment using Webpack and how to link with other web automation tools , so that you can apply not only the basic concepts but also the actual service and practice.

웹팩 핸드북 사이트 소개

This site is good to look at while taking the lecture 😁 (You can access the site by clicking)

2. Who does it help?

  • For those who don't know what Webpack is
  • People who have heard of Webpack but are scared when they open the configuration file
  • Those who threw their mouse while reading the official Webpack documentation
  • For those who want to learn Webpack but don't have any good reference materials
  • If you don't know what I'm talking about after seeing this image, just listen to it.

3. What do you learn?

Webpack Key Properties Configuring the Webpack development environment supplement
  • Entry
  • Output
  • Loader
  • Plugin
  • Resolve
  • Webpack Dev Server
  • Webpack Dev Middleware
  • Developer tool integration
  • Integration with Gulp
  • Introduction and usage of NPM(Node Package Manager)
  • Modularizing JavaScript
  • Node Path API

4. Course Features

The more complex the setup, the more you need to learn from small units in order to draw the big picture. After a brief explanation of each major property, the instructor's live coding -> the course is structured so that students practice according to the prepared examples. In this way, the course is structured so that students can easily and quickly follow Webpack. Also, many people wonder why they should use Webpack. We will explain the background of Webpack, the prerequisite knowledge required to use Webpack (NPM, JavaScript modularization), and other technologies (Node.js, Gulp) in advance , and look at the detailed setup, so it is a class like a story.

5. Instructor Introduction

Jang Gi-hyo (Captain Pangyo)


[profile]

People Met by Inflearn #02 | Go see Jang Gi-hyo's interview

Hello
This is

48,204

Learners

4,693

Reviews

3,812

Answers

4.9

Rating

17

Courses

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

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

Curriculum

All

51 lectures ∙ (3hr 26min)

Published: 
Last updated: 

Reviews

All

41 reviews

4.2

41 reviews

  • kaei25740567님의 프로필 이미지
    kaei25740567

    Reviews 2

    Average Rating 4.5

    4

    100% enrolled

    バージョンが変わったのですが、これも勉強と思って変わった部分を直接見つけて実装することで勉強するのにたくさん役に立ちました!

    • graycat님의 프로필 이미지
      graycat

      Reviews 2

      Average Rating 5.0

      5

      98% enrolled

      いいね 私はただこれをやって行った設定の基本をしっかりと取り戻してくれた講義でした。

      • camorra0421님의 프로필 이미지
        camorra0421

        Reviews 24

        Average Rating 4.5

        5

        100% enrolled

        Webpackを理解するのに非常に役立ちました。

        • muezwink2473님의 프로필 이미지
          muezwink2473

          Reviews 21

          Average Rating 4.6

          4

          100% enrolled

          ありがとうございます。 お疲れ様

          • shk72301233님의 프로필 이미지
            shk72301233

            Reviews 7

            Average Rating 5.0

            5

            100% enrolled

            Webパックについて基本的な知識がわかった講義だったと思います。

            Access is restricted to non-public courses.
            Private Course

            captain's other courses

            Check out other courses by the instructor!