npm(Node Package Manager)은 JavaScript 개발을 위해 많이 사용되는 패키지 관리자입니다. npm은 웹 애플리케이션 개발에 필요한 여러 가지 패키지를 설치하고 관리할 수 있게 해줍니다. 이번 글에서는 npm을 활용하여 웹 애플리케이션을 개발하는 방법에 대해 알아보겠습니다.

npm 설치하기

npm을 사용하기 위해선 Node.js가 설치되어 있어야 합니다. Node.js는 JavaScript를 브라우저가 아닌 서버사이드에서 실행할 수 있도록 만들어진 환경입니다. Node.js를 설치하면 npm도 함께 설치됩니다.

Node.js의 공식 웹사이트인 nodejs.org에서 적절한 버전의 Node.js를 다운로드하여 설치하세요. 설치가 완료되면 명령 프롬프트나 터미널에서 npm -v 명령어를 실행하여 설치된 npm의 버전을 확인할 수 있습니다.

프로젝트 초기화하기

npm을 이용하여 웹 애플리케이션을 개발하기 위해서는 프로젝트를 초기화해야 합니다. 프로젝트 폴더를 생성한 후, 해당 폴더로 이동하여 다음 명령어를 실행하세요.

npm init

이 명령어는 프로젝트에 대한 정보(프로젝트 이름, 버전, 작성자 등)를 입력받고 package.json 파일을 생성합니다. package.json 파일은 프로젝트의 의존성 관리와 빌드 스크립트 등을 설정하는 파일입니다.

패키지 설치하기

npm을 사용하여 필요한 패키지를 설치할 수 있습니다. 다음은 lodash 패키지의 설치 예시입니다.

npm install lodash

이 명령어를 실행하면 lodash 패키지가 node_modules 폴더에 설치됩니다. 이 폴더는 npm이 패키지를 관리하는 기본 위치입니다. package.json 파일에는 이러한 패키지와 그 버전 정보가 기록됩니다.

패키지 사용하기

설치한 패키지를 사용하기 위해서는 require 함수를 이용해 해당 패키지를 불러와야 합니다. 아래는 lodash 패키지를 사용하는 예시입니다.

const _ = require('lodash');

const numbers = [1, 2, 3, 4, 5];
const sum = _.sum(numbers);

console.log('합계:', sum);

이 예시에서는 lodash 패키지의 sum 함수를 사용하여 배열의 합계를 계산하고 결과를 출력합니다.

프로젝트 빌드 및 실행하기

npm을 이용하면 프로젝트의 빌드와 실행을 간편하게 할 수 있습니다. package.json 파일에는 다양한 빌드 스크립트를 설정할 수 있는데, 가장 일반적인 스크립트는 start 와 build입니다.

start 스크립트를 설정하면 프로젝트를 실행할 수 있고, build 스크립트를 설정하면 프로젝트를 빌드할 수 있습니다. 예를 들어, start 스크립트를 다음과 같이 설정할 수 있습니다.

{
  "name": "my-app",
  "version": "1.0.0",
  "scripts": {
    "start": "node index.js"
  }
}

위와 같이 start 스크립트를 설정한 후, 터미널에서 npm start 명령어를 실행하면 index.js 파일이 실행됩니다.

결론

npm을 활용하면 웹 애플리케이션 개발에 필요한 다양한 패키지를 손쉽게 설치하고 관리할 수 있습니다. npm을 효과적으로 사용하여 개발 생산성을 높여보세요!

#npm #web-development