그런트

3. 예제

다음은 플러그인을 로드하고, 사용자 정의 작업을 생성하고, 구성하는 방법을 보여주는 자바스크립트로 작성된 Gruntfile의 예시이다.

```javascript

module.exports = function(grunt) {

// 작업 구성

grunt.initConfig({

taskName1: 'Task1 구성',

taskName2: 'Task2 구성'

});

// 플러그인 로드

grunt.loadNpmTasks('pluginName1');

grunt.loadNpmTasks('pluginName2');

// 사용자 정의 작업

grunt.registerTask('customTaskName1', '사용자 정의 작업 설명', function(taskParameter) {

// 사용자 정의 문구

});

// 여러 작업을 단일 작업으로 결합

grunt.registerTask('customTaskName2', ['taskName1', 'customTaskName1']);

// 기본 작업 - 작업 이름이 지정되지 않은 경우 실행

grunt.registerTask('default', ['customTaskName2']);

};

```

위의 예에서 `grunt` 명령을 실행하면 위에 정의된 `taskName1`과 `customTaskName1`의 조합인 `customTaskName2`가 실행된다.

4. 플러그인

플러그인은 일련의 태스크를 정의하는 재사용 가능한 코드이다. 각 플러그인은 내부적으로 Gruntfile과 동일한 구문을 가진 JavaScript 파일이 있는 tasks 디렉토리를 포함한다. 대부분의 Grunt 플러그인은 npm에 게시되며 `grunt`로 시작하고, 키워드 `gruntplugin`을 사용한다.^[8] Grunt에서 공식적으로 지원하는 플러그인은 `grunt-contrib`로 시작하며 플러그인 목록에 별표 기호로 표시된다. 인기 있는 플러그인으로는 grunt-contrib-watch, grunt-contrib-clean, grunt-contrib-uglify 등이 있다.

개발자는 `grunt-init` 플러그인을 사용하여 자체 Grunt 플러그인을 만들고 `npm publish` 명령을 사용하여 npm에 게시할 수도 있다.

5. 장점

그런트는 다음과 같은 장점을 제공한다.

• 모든 작업 실행 도구는 일관성, 효과성, 효율성, 반복성 등의 속성을 가진다.
• 자바스크립트 작업 및 정적 콘텐츠 작업에 사용할 수 있는 많은 사전 정의된 플러그인에 접근할 수 있다.
• 사용자가 사전 정의된 플러그인을 사용하여 작업을 사용자 정의할 수 있다.
• 코딩 방식보다 구성을 선호한다.
• 사용자가 자체 플러그인을 추가하고 npm에 게시할 수 있다.^[7]

6. 다른 도구와의 비교

아파치 앤트는 자바 기반의 빌드 도구이다. Ant는 자바 빌드 구조를 가진 프로젝트에 더 적합하며, 100개 이상의 내장 태스크를 가지고 있다. Ant에서 사용자 정의 코드를 작성하려면 JAR 파일을 작성하고 XML에서 참조해야 하는데, 이는 자바가 필요하지 않은 프로젝트에 불필요한 복잡성을 추가한다. Ant 빌드 구성은 JSON 형식 대신 XML로 나열된다.^[7]

Rake는 개발자가 루비로 작업을 정의할 수 있게 해준다. Rake는 플러그인이나 미리 정의된 작업 개념이 없으므로, 필요한 모든 작업을 작성한 다음 실행해야 한다. 이는 재사용 가능한 플러그인이 많은 Grunt에 비해 개발 비용이 많이 들게 한다.^[7]

Gulp.js는 Grunt와 유사한 자바스크립트 기반의 작업 실행 도구이다. 두 도구 모두 모듈 기반 아키텍처를 따르고 있으며 npm을 기반으로 한다. Gulp 작업은 구성이 아닌 코드로 정의된다. Gulp는 Grunt보다 빠른데, Grunt는 한 작업에서 다른 작업으로 출력을 전송하기 위해 임시 파일을 사용하는 반면, Gulp에서는 파일이 작업 간에 파이프라인되기 때문이다.^[7]

6. 1. Ant (아파치 앤트)

6. 2. Rake

6. 3. Gulp

참조

_[1] 웹사이트 Release Date of Version 1.0.0 https://libraries.io[...] 2020-12-31
_[2] 웹사이트 Releases · gruntjs/grunt https://github.com/g[...] 2022-08-16
_[3] 웹사이트 LICENSE file on GitHub https://github.com/g[...] 2020-12-31
_[4] 웹사이트 License field from grunt - npm https://www.npmjs.co[...] 2020-12-31
_[5] 웹사이트 Grunt: The JavaScript Task Runner http://gruntjs.com/ 2016-09-14
_[6] 웹사이트 Introducing Grunt - Open Source, Performance, Tools & Workflow - Bocoup https://bocoup.com/w[...] 2016-09-14
_[7] 서적 Pro Grunt.js Apress
_[8] 서적 Getting Started with Grunt: The JavaScript Task Runner Packt Publishing Ltd
_[9] 웹인용 grunt/CHANGELOG at master · gruntjs/grunt https://github.com/g[...] 2018-01-11
_[10] 웹인용 Grunt License - NPM https://www.npmjs.co[...] 2019-05-27
_[11] 웹인용 Grunt: The JavaScript Task Runner http://gruntjs.com/ 2016-09-14