수업소개
여러개의 리소스 파일(js, css, jpg)을 하나의 js 파일로 묶어주는 도구인 웹팩의 사용법을 소개해드리는 수업입니다. 웹팩은 이런 점에서 좋습니다.
- 여러개의 파일을 하나로 묶어주기 때문에 네트워크 접속의 부담을 줄 일 수 있습니다. 더 빠른 서비스를 제공할 수 있습니다.
- 여러개의 서로 다른 패키지들이 서로 같은 이름의 전역 변수를 사용하면 프로그램은 오동작하게 됩니다. 이런 문제를 극복하기 위해서 등장한 것이 모듈입니다. 웹팩은 아직 최신 기술이라서 적용하기가 애매한 기술인 모듈을 오래된 브라우저에서도 사용할 수 있게 도와줍니다.
- 웹팩에는 매우 많은 플러그인들이 존재합니다. 이런 플러그인을 이용하면 웹개발시에 필요한 다양한 작업을 자동화 할 수 있습니다.
이 수업에서는 아래와 같은 내용을 다루고 있습니다.
- webpack 설치, 설정, 실행
- loader 개념
- plugin 개념
아래 내용은 다루고 있지 않습니다.
- code splitting
- lazy loading
- dev server
수업대상
웹애플리케이션의 여러 작업을 자동화하고 싶은 분에게 추천합니다.
수업을 보는 다른 방법
수업 참여조건
이 수업을 듣기 위해서는 아래와 같은 선행 지식이 필요합니다.
- JavaScript (https://opentutorials.org/course/3085)
- Npm (https://opentutorials.org/module/4044)
수업지도
전체 지식의 맥락은 아래 지식 지도 서말을 참고해주세요.
수업시간
계산전입니다.
수업의 저작권 정책
이 수업은 CCL 라이선스 BY를 따르고 있습니다. 이 수업의 출처를 표시해주신다면 컨텐츠의 수정을 할 수 있고, 상업적인 용도로도 사용할 수 있습니다. 상업적인 용도로 사용하는 경우는 거래 관계가 없다는 것을 인지 가능하도록 표시해주셔야 합니다.
컨설팅 / 교육 문의
git과 관련된 컨설팅/교육 문의는 로 연락 주세요. 기술 관련된 질문은 이메일과 같은 사적인 방법 보다는 댓글이나, 커뮤니티를 이용해주시면 모두에게 더 좋은 결과를 얻을 수 있습니다.