자바스크립트의 패키지 관리자 매니저인 “yarn vs npm vs npx” 들에 대해 공부한 내용을 정리해보았습니다.

공통점

NPX, NPM과 Yarn은 모두 JavaScript 런타임 환경인 Node.js용 패키지 관리자입니다.

Apple의 App Store 및 Google의 Play Store와 마찬가지로 이러한 패키지 관리자를 사용하면 전 세계 개발자가 다양하고 유용한 패키지 또는 프로그램을 온라인 데이터베이스에 업로드할 수 있습니다.

이들은 관리자 역할을 하여 이러한 패키지를 쉽게 설치하고 제거할 수 있도록 도와줍니다.

차이점

NPX

NPM

YARN

  1. Origin: 2016년 Facebook에서 개발했습니다.
  2. Compatibility: NPM과의 호환성이 좋으며 속도와 안정성이 뛰어납니다.

yarn vs npm vs npx 명령어

Function/Tasknpm Commandyarn Commandnpx Command
새 프로젝트 초기화npm inityarn init
설치 종속성npm installyarn install
패키지 추가npm install <package>yarn add <package>
개발자 종속성으로 패키지 추가npm install <package> --save-devyarn add <package> --dev
업데이트 패키지npm updateyarn upgrade
패키지 제거npm uninstall <package>yarn remove <package>
설치된 패키지 조회npm listyarn list
스크립트 실행npm run <script>yarn run <script>
특정 버전 설치npm install <package>@<version>yarn add <package>@<version>
글로벌 패키지 설치npm install -g <package>yarn global add <package>
설치하지 않고 패키지 실행npx <package>
명령 실행npx <command>
React 앱 만들기npx create-react-app <app-name>
로컬 바이너리 실행npx <local-binary>
특정 패키지 버전 실행npx [email protected] <command>

yarn vs npm vs npx 요약

기능/도구npxnpmyarn
목적패키지를 설치하지 않고 실행Node.js에 대한 패키지 및 종속성을 관리합니다Facebook에서 개발한 Node.js용 대체 패키지 관리자
사용 사례레지스트리에서 직접 일회성 명령이나 도구 실행프로젝트 종속성 설치, 업데이트 및 관리속도, 보안 및 안정성에 중점을 두고 패키지 및 종속성 관리
명령npx create-react-app my-appnpm install, npm update, npm publishyarn add, yarn install, yarn upgrade
포함됨npm(버전 5.2.0부터)Node.js(기본 패키지 관리자)별도 설치 필요
설치설치 없이 실행패키지를 로컬 또는 글로벌로 설치패키지를 로컬 또는 글로벌로 설치
속도보통병렬 처리 및 캐싱으로 인해 더 빨라짐
보안시간이 지남에 따라 개선됨체크섬 확인으로 보안 강화
일관성package-lock.json에 따라 다름yarn.lock으로 일관된 설치 보장
특정 버전 실행특정 버전을 설치하지 않고도 실행지정된 버전을 설치지정된 버전을 설치
로컬 바이너리 실행PATH를 수정하지 않고도 로컬 바이너리를 실행할 수 있습니다./node_modules/.bin/yarn run

답글 남기기

이메일 주소는 공개되지 않습니다. 필수 필드는 *로 표시됩니다


목차