목차
1 소개
2 커리큘럼
2.1 강의노트
- 프론트엔드 개발 환경의 이해: NPM
- 프론트엔드 개발 환경의 이해: 웹팩(기본)
- 프론트엔드 개발 환경의 이해: Babel
- 프론트엔드 개발 환경의 이해: 린트
- 프론트엔드 개발 환경의 이해: 웹팩(심화)
2.2 실습
3 학습내용
3.1 NPM
- NPM은 자바스크립트 기반 프로젝트 빌드 도구
- 버전 번호를 관리하기 위한 규칙이 필요한데 이 체계를 “유의적 버전”이라고 한다. NPM은 이 유의적 버전(Sementic Version))을 따르는 전제 아래 패키지 버전을 관리한다. 유의적 버전은 주(Major), 부(Minor), 수(Patch) 세 가지 숫자를 조합해서 버전을 관리한다.
* 주 버전(Major Version): 기존 버전과 호환되지 않게 변경한 경우 * 부 버전(Minor version): 기존 버전과 호환되면서 기능이 추가된 경우 * 수 버전(Patch version): 기존 버전과 호환되면서 버그를 수정한 경우
- NPM의 버전 관리 중 틸드(~)와 캐럿(^)에 대해 설명한다. 과거에는 틸드(~)를 썼으나 현재는 캐럿(^)을 기본값으로 쓴다.
npm uses the tilde (~) and caret (^) to designate which patch and minor versions to use respectively. So if you see ~1.0.2 it means to install version 1.0.2 or the latest patch version such as 1.0.4. If you see ^1.0.2 it means to install version 1.0.2 or the latest minor or patch version such as 1.1.0.
3.2 Webpack
웹팩의 기본 개념