먼저, Grunt를 사용하기 위해서는 Node.js와 npm을 설치해야 합니다. 이후 프로젝트의 루트 디렉토리에서 다음 명령어를 실행하여 Grunt와 필요한 플러그인들을 설치합니다.

npm install -g grunt-cli
npm init // 프로젝트 초기화 (package.json 파일 생성)
npm install grunt grunt-contrib-copy grunt-contrib-clean --save-dev

그리고 Gruntfile.js라는 이름의 파일을 프로젝트 루트 디렉토리에 생성하고 다음과 같이 설정합니다.

module.exports = function(grunt) {
  grunt.initConfig({
    // 프로젝트 설정
    pkg: grunt.file.readJSON('package.json'),

    // 복사 작업 설정
    copy: {
      main: {
        files: [
          {src: 'src/index.html', dest: 'dist/index.html'},
          {src: 'src/style.css', dest: 'dist/style.css'}
        ]
      }
    },

    // 정리 작업 설정
    clean: {
      dist: ['dist']
    }
  });

  // 플러그인 로드
  grunt.loadNpmTasks('grunt-contrib-copy');
  grunt.loadNpmTasks('grunt-contrib-clean');

  // 테스크 등록
  grunt.registerTask('default', ['clean', 'copy']);
};

위의 설정에서는 copy 플러그인을 사용하여 원하는 리소스 파일들을 dist 디렉토리로 복사하고, clean 플러그인을 사용하여 기존의 dist 디렉토리를 삭제하는 작업을 설정했습니다.

이제 터미널에서 다음 명령어를 실행하면 Grunt가 설정된 작업을 수행합니다.

grunt

위의 설정에서 clean 테스크를 통해 dist 디렉토리를 삭제하고, copy 테스크를 통해 src 디렉토리의 리소스 파일들을 dist 디렉토리로 복사합니다. 이렇게 하면 Grunt를 통해 배포 버전을 자동으로 생성하고 관리할 수 있습니다.

Grunt를 사용하여 프로젝트의 배포 버전을 자동으로 생성하고 리소스 파일을 관리하는 방법에 대해 간단히 알아보았습니다. Grunt는 다양한 플러그인을 제공하기 때문에 더 복잡한 작업도 가능하니 필요에 따라 다양한 플러그인을 찾아보시기 바랍니다.