개발 과정에서 피할 수 없는 반복 작업을 자동화하는 빌드 도구가 필요합니다.
현재 자바스크립트에서 가장 널리 쓰이는 빌드 도구는 그런트(Grunt)와 걸프(Gulp)입니다.
이 둘은 모두 훌륭한 빌드 시스템입니다.
그런트는 걸프보다 몇 해 먼저 등장했기에 커뮤니티도 더 크지만, 걸프는 그 차이를 빠르게 좁히고 있습니다.
자바스크립트 개발을 시작하는 프로그래머들이 걸프를 선택하는 경우가 점점 더 늘어나고 있으므로 이 책에서는 걸프를 사용합니다.
물론 어느 쪽이 더 낫다고 말하는 것은 아닙니다.
먼저 걸프를 전역으로 설치합시다.
$ npm intall -g gulp
CAUTION_ 리눅스나 macOS를 사용한다면
-g
(전역) npm에서 플래그를 사용하기 위해 관리자 권한이 필요할 수도 있습니다.
sudo npm intall -g gulp
명령을 내리면, 슈퍼유저 비밀번호를 묻는 프롬프트가 나타나고 이 명령어에 한해서 슈퍼유저 권한을 받게 됩니다.
다른 사람이 관리하는 시스템을 사용한다면sudoers
파일에 여러분을 추가해 달라고 요청할 수 있습니다.
걸프를 전역으로 설치하는 것은 개발에 사용할 컴퓨터에 한 번만 하면 됩니다.
그리고 프로젝트마다 로컬 걸프가 필요하므로, 프로젝트 루트에서 npm i -D gulp
명령을 실행합니다.
걸프는 최종 사용자에게는 필요 없지만, 개발 과정에서 도움이 되는 개발 의존성에 속합니다.
걸프가 없어도 앱은 잘 동작하지만, 개발할 때 걸프가 있으면 작업이 편해집니다.
걸프가 설치되면 다음과 같이 gulpfile.js를 만듭니다.
const gulp = require('gulp');
// 걸프 의존성을 여기 씁니다.
function first_function () {
// 걸프 작업을 여기 씁니다.
return console.log('걸프실행');
}
exports.default = first_function;
아직 걸프가 할 일을 지정하지는 않았지만, 성공적으로 설치됐는지 확인하는 건 가능합니다.
CAUTION_ 윈도우 사용자라면 “The build tools for Visual Studio 2010 (Platform Toolset = v100) cannot be found.” 라는 에러가 표시될 수 있습니다.
npm 패키지 중 상당수가 비쥬얼 스튜디오의 빌드 도구가 있어야 동작합니다.
비쥬얼 스튜디오 다운로드 페이지에서 무료 버전을 내려받을 수 있습니다.
비쥬얼 스튜디오 설치가 끝나면 시작 메뉴에서 “VS2015용 MSBuild 명령 프롬프트”를 찾아보십시오.
이 명령어 프롬프트에서 프로젝트 루트로 이동하고 걸프를 다시 설치해 보면 잘 실행될 겁니다.
비쥬얼 스튜디오의 명령어 프롬프트를 계속 사용할 필요는 없지만, 비쥬얼 스튜디오에 의존하는 npm 모듈을 설치할 때는 이 프롬프트를 사용하는 것이 가장 쉬운 방법입니다.