npm, npx, yarn 무엇인가? 그냥 복붙하지 않으시나요? 그러면 안됩니다!!

작성일 : 2024-06-07

npm, npx, yarn 무엇인가? 그냥 복붙하지 않으시나요? 그러면 안됩니다!!

프론트엔드 개발 환경에서 npm, npx, yarn은 필수적인 도구입니다. 이 도구들은 JavaScript 개발 생태계에서 각각 고유한 역할을 수행하며, 개발자들이 더 효율적이고 안정적으로 작업할 수 있게 도와줍니다. 하지만 이 도구들의 정확한 기능과 사용 방법을 깊이 이해하지 못한 채 단순히 사용하기만 하는 경우가 많습니다. 이번 글에서는 npm, npx, yarn이 무엇인지, 각각의 기능과 사용 방법을 상세히 설명하고, 개발 작업에서 어떻게 유용하게 활용할 수 있는지 알아보겠습니다.

1. npm (Node Package Manager)

npm은 Node.js의 기본 패키지 관리 도구로, Node.js와 함께 설치됩니다. npm은 JavaScript 패키지를 관리하고, 패키지를 설치, 업데이트, 삭제하는 등의 작업을 수행합니다.

주요 기능:

패키지 설치: 프로젝트에 필요한 패키지를 설치합니다.
패키지 업데이트: 이미 설치된 패키지를 최신 버전으로 업데이트합니다.
패키지 삭제: 더 이상 필요하지 않은 패키지를 제거합니다.
의존성 관리: 프로젝트의 의존성을 관리하고, package.json 파일을 통해 이를 정의합니다.

설치 및 사용 방법:

패키지 설치: 프로젝트 디렉토리에서 npm install <package-name> 명령어를 사용합니다.
```
bash
npm install express
```
글로벌 패키지 설치: 전역적으로 사용할 패키지를 설치할 때는 -g 옵션을 사용합니다.
```
bash
npm install -g create-react-app
```
패키지 업데이트: 특정 패키지를 최신 버전으로 업데이트합니다.
```
bash
npm update <package-name>
```

패키지 삭제: 설치된 패키지를 삭제합니다.


bash
npm uninstall <package-name>

2. npx (Node Package Execute)

npx는 npm 5.2.0 버전부터 포함된 도구로, 설치된 패키지를 실행하는 기능을 제공합니다. npx는 특정 패키지를 설치하지 않고도 실행할 수 있게 해주며, 일시적으로 필요한 패키지를 실행하는 데 유용합니다.

주요 기능:

패키지 실행: 로컬에 설치되지 않은 패키지를 일시적으로 다운로드하고 실행할 수 있습니다.
프로젝트 스크립트 실행: 프로젝트 내에 정의된 스크립트를 쉽게 실행할 수 있습니다.
임시 패키지 사용: 한 번만 필요한 패키지를 설치하지 않고 바로 실행할 수 있습니다.

사용 방법:

패키지 실행: npx를 사용하여 패키지를 실행합니다.


bash
npx create-react-app my-app

로컬 스크립트 실행: npx를 사용하여 로컬에 정의된 스크립트를 실행할 수 있습니다.
```
bash
npx gulp build
```

3. yarn (Yet Another Resource Negotiator)

yarn은 Facebook에서 개발한 패키지 관리 도구로, npm의 대안으로 사용됩니다. yarn은 특히 대규모 프로젝트에서 더 빠르고 일관된 패키지 설치를 제공하며, 몇 가지 추가 기능을 갖추고 있습니다.

주요 기능:

빠른 설치: 병렬 설치를 통해 패키지를 더 빠르게 설치할 수 있습니다.
일관성: yarn.lock 파일을 통해 일관된 패키지 버전을 보장합니다.
오프라인 모드: 한 번 설치된 패키지는 캐시에 저장되어 오프라인에서도 설치가 가능합니다.
보안: 패키지 무결성을 검증하여 안전한 설치를 보장합니다.

설치 및 사용 방법:

설치: yarn을 설치하려면 npm을 사용합니다.


bash
npm install --global yarn

패키지 설치: 프로젝트 디렉토리에서 yarn add <package-name> 명령어를 사용합니다.
```
bash
yarn add react
```

패키지 업데이트: 특정 패키지를 최신 버전으로 업데이트합니다.


bash
yarn upgrade <package-name>

패키지 삭제: 설치된 패키지를 삭제합니다.


bash
yarn remove <package-name>

세 도구의 주요 차이점 및 사용 시기

npm vs. npx vs. yarn

npm: 패키지 설치 및 관리에 주로 사용됩니다. Node.js와 함께 기본적으로 제공되며, 대부분의 Node.js 프로젝트에서 사용됩니다.
npx: 설치되지 않은 패키지를 실행하거나, 프로젝트 내에서 정의된 스크립트를 실행할 때 사용됩니다. 한 번만 필요한 패키지를 실행할 때 유용합니다.
yarn: npm보다 빠르고 일관된 패키지 설치를 제공하며, 대규모 프로젝트에서 더 유용하게 사용됩니다. 특히, 설치 속도와 보안이 중요한 경우에 적합합니다.

예시 시나리오:

npm 사용 예시: 새로운 프로젝트를 시작할 때 기본적인 패키지를 설치하고 관리할 때 사용합니다.
```
bash
npm init -y
npm install express
```
npx 사용 예시: 새로운 React 프로젝트를 생성할 때 npx를 사용하여 create-react-app을 실행합니다.
```
bash
npx create-react-app my-app
```
yarn 사용 예시: 기존 프로젝트에 새로운 패키지를 추가하고, 일관된 버전 관리가 필요할 때 사용합니다.
```
bash
yarn init
yarn add lodash
```

결론

npm, npx, yarn은 각각 고유한 목적을 가지고 있으며, 특정 상황에서 매우 유용합니다. npm은 패키지 설치 및 관리, npx는 패키지 실행, yarn은 빠르고 일관된 패키지 관리를 위한 도구입니다. 각 도구의 기능과 사용법을 잘 이해하면 더 효율적이고 생산적인 개발 환경을 구축할 수 있습니다. 이 도구들을 제대로 이해하고 사용함으로써, 보다 안정적이고 일관된 개발 작업을 수행할 수 있을 것입니다.

프론트엔드 개발자라면 이 세 가지 도구를 모두 숙지하고 상황에 맞게 활용하는 것이 중요합니다. 이를 통해 개발 생산성을 높이고, 프로젝트의 안정성과 일관성을 유지할 수 있습니다.