[gulp] 만들기 전 선행학습

들어가며

gulp로 스타터를 만들어 보았는데, 그에 필요한 내용들이다.

기본용어 정리

• Node.js : 자바스크립트 엔진 위에서 동작하는 이벤트 처리 입출력 프레임워크, 클라이언트 및 서버측 자바스크립트
• gulp : node 위에서 동작, CSS 및 HTML 단순화, 라이브러리 단일화, SCSS 컴파일을 도와주는 유틸리티
• npm : 노드 패키지 매니저, node의 모듈을 관리해주는 패키지 매니저, 모듈보다 더 큰 단위가 package인데, 계속해서 업데이트 되고 집단 지성을 활용함
• package.json : 외부 모듈이 많아지면 새로운 프로젝트를 생성할 때마다 해당 모듈을 install 해줘야 하는 번거로움이 발생함. 따라서 그 일의 과정을 줄여주기 위해 패키지 목록과 버전을 목록 파일에 저장해두는 데이터 파일. gulp를 사용하여 json에 인자를 전달할 수 있음.
• 번들링 도구 : 분산화된 작업들을 자동화시켜 반복작업을 줄여주는 도구

의존성 모듈

1. package.json에 담을 dependencies(의존성 모듈)들을 정리 및 선별! 만약, 의존성 모듈 중 하나의 자식 모듈이 새 버전을 게시했을 경우 동기화가 어려우므로 다시 init 해줘야 함
2. 이상적인 npm install은 동일한 package.json에 동일한 node modules 아웃풋 트리가 작성되는 것! 여기서, 실행이 어려운 경우는 다음과 같다.
- 다른 버전의 npm을 사용한 경우
- npm의 새 버전이 마지막 설치 후 자동 업데이트 된 경우
- 의존성 모듈 중 하나의 종속 모듈이 새 버전을 게시했을 경우
3. 버전 범위 (semver에 나오는 범위 기준을 참고함, 왜냐면 npm 기본 디펜던시에 해당 플러그인이 깔려있기 때문)

• < : 미만
• <= : 작거나 같음
• > : 보다 큼
• >= : 크거나 같음