[javascript] Grunt 설치 방법은 어떻게 되나요?

Grunt를 설치하는 방법은 다음과 같습니다:

  1. Node.js 설치: Grunt를 사용하기 위해 먼저 Node.js를 설치해야 합니다. Node.js는 자바스크립트 런타임 환경으로 Grunt와 같은 도구를 실행할 수 있는 기반이 됩니다. Node.js 웹 사이트로 이동하여 버전에 맞는 설치 파일을 다운로드하고 설치합니다.

  2. Grunt CLI(Command Line Interface) 설치: Grunt CLI는 명령줄에서 Grunt 명령을 사용할 수 있게 해줍니다. 설치를 위해 터미널 또는 명령 프롬프트를 열고 다음 명령을 실행합니다:

npm install -g grunt-cli
  1. 프로젝트 디렉토리로 이동: Grunt를 사용하려는 프로젝트의 루트 디렉토리로 이동합니다.

  2. 프로젝트에 Grunt 추가: 프로젝트 디렉토리에서 다음 명령을 실행하여 프로젝트에 Grunt를 추가합니다:

npm init

위 명령을 실행하면 프로젝트에 package.json 파일이 생성됩니다. 그리고 이후에 설치할 Grunt 플러그인들의 종속성을 관리할 수 있습니다.

  1. Grunt 및 플러그인 설치: 프로젝트 디렉토리에서 다음 명령을 실행하여 Grunt와 필요한 플러그인들을 설치합니다. 여기서는 예시로 grunt-contrib-watch 플러그인을 설치합니다:
npm install grunt grunt-contrib-watch --save-dev

위 명령을 실행하면 node_modules 디렉토리가 생성되고, package.json 파일에 종속성 정보가 추가됩니다.

이제 Grunt를 사용하기 위한 설치가 완료되었습니다. Gruntfile.js 파일을 생성하여 Grunt 태스크를 정의하고 실행할 수 있습니다. 이 파일은 프로젝트 루트 디렉토리에 생성하면 됩니다.