프론트엔드 개발자를 위한 웹팩 - 인프런

Node.js와 NPM 소개

강의명 : 프론트엔드 개발자를 위한 웹팩

수강 기한 : 무제한

진도율 : 0강/64강 (0%) | 시간 : 0분/207분

나가기

미수강

이전수업

다음수업

Node.js는 LTS 버전을 설치해주세요 :)

프론트엔드 개발자를 위한 웹팩

수강 기한 : 무제한

진도율 : 0강/64강 (0%) | 시간 : 0분/207분

강의 오리엔테이션

강의 소개

3분

개발 환경 구성

1분

VSCode 플러그인 설치 안내

1분

VSCode 플러그인 적용 방법

2분

강의 교안 소개

1분 미만

Node.js와 NPM

Node.js와 NPM 소개

1분

NPM 소개

2분

NPM 시작하기

4분

NPM 초기화 명령어 - init

2분

NPM 설치 명령어 - install

3분

NPM을 사용하는 이유와 첫 번째 장점

4분

NPM의 두 번째 장점

3분

NPM 배운 내용 정리

1분

NPM(Node Package Manager)

NPM 지역 설치 명령어와 제거 명령어 - uninstall

2분

NPM 전역 설치 명령어 - install --global

2분

전역으로 설치된 라이브러리 경로 확인

2분

지역 설치와 전역(--global) 설치 비교 정리

2분

지역 설치 명령어 옵션 - --save-dev(-D)

2분

dependencies와 devDependencies의 차이점

2분

개발용 라이브러리와 배포용 라이브러리 구분하기

2분

웹팩 시작하기

웹팩 소개

3분

웹팩 시작하기 튜토리얼 파트 1 - 웹팩 적용 전

7분

웹팩 시작하기 튜토리얼 파트 2 - 웹팩 적용 후

4분

웹팩 시작하기 튜토리얼 파트 3 - mode 적용

4분

웹팩 시작하기 튜토리얼 파트 4 - 웹팩 설정 파일 적용

5분

웹팩 시작하기 튜토리얼 파트 5 - 웹팩 설정 파일 설명

3분

웹팩 시작하기 튜토리얼 파트 6 - 튜토리얼 소스 분석

5분

웹팩 시작하기 튜토리얼 파트 7 - 웹팩 변환 전후 결과 비교

4분

웹팩 시작하기 튜토리얼 파트 8 - 웹팩 빌드 결과 파일 분석

5분

웹팩 소개

웹팩 소개 영상 1

8분

웹팩 소개 영상 2

5분

웹팩과 모듈 소개

2분

웹팩 등장 배경 - 1

4분

웹팩 등장 배경 - 2

2분

웹팩으로 해결하려는 문제 4가지

2분

바벨과 ES6 모듈 문법

바벨 소개

2분

ES6 Modules 문법

2분

ES6 Modules 실습

4분

ES6 Modules 실습 결과 확인

2분

ES6 Modules 빌드 결과물 분석 - sourcemap

3분

웹팩의 주요 속성 4가지

웹팩 주요 속성 소개

1분

entry

1분

output

2분

loader

1분

주요 속성을 이해하기 위한 두 번째 튜토리얼 실습

5분

두 번째 튜토리얼 - 웹팩 결과 로그 분석

2분

두 번째 튜토리얼 - 브라우저에서 빌드 결과물 확인

2분

두 번째 튜토리얼 - 웹팩 빌드 결과 파일 분석

2분

두 번째 튜토리얼 - 웹팩 설정 파일 분석

3분

두 번째 튜토리얼 - 로더가 없는 경우의 에러 확인과 css 로더 적용

3분

두 번째 튜토리얼 - 웹팩 로더 적용 순서와 style-loader

3분

두 번째 튜토리얼 - 플러그인 적용 및 분석

2분

두 번째 튜토리얼 - 플러그인 적용 결과 확인

2분

plugin

1분

주요 속성 4가지 리뷰 및 정리

3분

강좌 이후에 웹팩 설정 파일 설정 및 변경할 때 참고할 자료

2분

웹팩 데브 서버(Webpack Dev Server)

웹팩 데브 서버가 필요한 이유

2분

웹팩 데브 서버 소개

1분

웹팩 데브 서버 튜토리얼 실습

5분

웹팩 데브 서버 2가지 특징

3분

웹팩 설정 파일 분석

2분

HTMLWebpackPlugin 설명

3분

실전 퀴즈

실전 퀴즈 안내

1분

실전 퀴즈 풀이

8분

커뮤니티

멘토링

멘토링 신청
장기효(캡틴판교)