[웹] npm ? 알아볼게요 ( with. code )

npm ❓

 

npm은 Node Package Manager의 약자로, JavaScript 프로그래밍 언어를 위한 패키지 관리자이다. npm은 JavaScript 개발자가 다른 개발자가 작성한 코드, 라이브러리, 프레임워크 및 도구를 쉽게 다운로드하고 프로젝트에 추가하는 데 사용된다. 이를 통해 개발자는 자신의 프로젝트에서 다른 개발자가 개발한 코드를 재사용할 수 있으며, 코드를 더 빠르고 효율적으로 작성할 수 있다.

 

npm은 주로 Node.js 환경에서 사용되며, Node.js는 JavaScript를 서버 측에서 실행하기 위한 런타임 환경이다. 따라서 JavaScript를 사용하여 서버 측 애플리케이션을 개발하는 경우 npm은 필수 도구 중 하나이다.

 

 

1. 패키지 설치: npm을 사용하여 다른 개발자가 작성한 JavaScript 패키지를 프로젝트에 설치할 수 있다. 이러한 패키지는 프로젝트에 필요한 기능을 제공하거나 작업을 단순화하는 데 도움이 된다.
2. 패키지 관리: npm을 사용하여 프로젝트에서 사용 중인 패키지의 버전을 관리하고, 의존성을 관리할 수 있다. 이를 통해 프로젝트의 안정성과 호환성을 유지할 수 있다.
3. 스크립트 실행: 프로젝트에서 사용하는 스크립트를 실행하고 관리할 수 있다. 이러한 스크립트는 프로젝트 빌드, 테스트, 배포 등과 관련된 작업을 자동화하는 데 사용된다.
4. 패키지 배포: 개발한 패키지를 npm 저장소에 배포하여 다른 개발자가 사용할 수 있도록 공유할 수 있다.

 

 

 

**런타임 환경(Runtime Environment)**

• 특정 프로그래밍 언어나 플랫폼에서 코드가 실행되는 환경을 가리킨다.
• 이 환경은 프로그램이 실행되기 위해 필요한 라이브러리, 데이터 구조, 메모리 관리 및 실행 스레드와 같은 리소스를 관리한다.
• 예를 들어, JavaScript 코드는 브라우저 런타임 환경에서 실행되며, Python 코드는 Python 인터프리터에서 실행된다.

 

 

 

코드예시

 

npm 기본 사용법

1. npm 패키지 설치: 다음 명령을 사용하여 패키지를 설치합니다. package-name은 설치하려는 패키지의 이름이다.

npm install package-name

 

2. npm 패키지 설치(개발 의존성으로 추가): 개발 중인 프로젝트에만 필요한 패키지를 설치하려면 다음과 같이 --save-dev 또는 -D 옵션을 사용한다.

npm install package-name --save-dev

 

 

 

1. 프로덕션 의존성 (Production Dependencies):
   • 이러한 종류의 의존성은 프로젝트가 런타임(실제 운영 환경)에서 실행될 때 필요한 패키지 또는 라이브러리를 나타낸다.
   • 예를 들어, 웹 애플리케이션의 경우, 프로덕션 의존성에는 웹 프레임워크, 데이터베이스 연결 라이브러리 및 보안 라이브러리와 같은 핵심 라이브러리가 포함된다.
2. 개발 의존성 (Development Dependencies):
   • 개발 의존성은 프로젝트의 개발 및 유지 관리를 위해 필요한 패키지를 나타낸다.
   • 예를 들어, 테스트 프레임워크, 코드 검사 도구, 빌드 도구, 문서 생성 도구 등은 주로 개발 의존성에 포함된다.
   • 이러한 패키지는 주로 로컬 개발 환경에서 사용되며, 프로덕션 환경에는 배포되지 않는다.

 

 

 

 

3. npm 패키지 실행: 설치한 패키지의 기능을 사용하려면 JavaScript 코드에서 require() 함수를 사용하여 패키지를 가져온다.

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

npm 사용법 예시

 

1. 패키지 설치 및 사용: 예를 들어, Lodash라는 유용한 JavaScript 유틸리티 라이브러리를 설치하고 사용하는 방법을 보여준다.

npm install lodash

 

그런 다음 JavaScript 파일에서 Lodash를 사용한다.

 

// JavaScript 파일
const _ = require('lodash');

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

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

 

2. 패키지 설치 및 개발 의존성으로 추가:개발 중에만 사용되는 패키지를 설치하고 개발 의존성으로 추가하는 방법을 보여준다.

npm install jest --save-dev

그런 다음 프로젝트의 테스트 스크립트에서 Jest를 사용할 수 있다.

// package.json
{
  "scripts": {
    "test": "jest"
  }
}

이제 npm test 명령을 실행하여 프로젝트의 테스트를 실행할 수 있다.

 

 

 

 

 

 

 

---

 

 

 

 

 

 

npm은 더 많은 기능과 옵션을 제공하지만, 이 예시는 기본적인 사용법을 보여주는 것이다. 패키지 설치, 관리, 의존성 해결 등 다양한 작업을 수행할 수 있으며, 프로젝트의 요구 사항에 따라 npm을 활용할 수 있다.