[React] - npm과 yarn의 차이

npm, yarn이란?

npm과 yarn은 모두 JavaScript의 런타임 환경인 Node.js의 패키지 관리자이다. 

개발자들이 js로 만든 여러 패키지들이 온라인 npm DB에 업로드되어 있는데, 이러한 패키지들을 npm, yarn과 같은 패키지 관리자를 통하여 설치 및 삭제, 관리할 수 있다. 

---

npm (Node Package Manager)

Node.js를 설치하면 npm도 기본적으로 같이 설치된다.

=> 별도로 설치하지 않아도 바로 사용 가능하여 리액트 입문자들이 많이 사용한다고 한다.

 

주요 npm 명령어들

npm init		# package.json 생성
npm install		# package.json의 모든 패키지 설치
npm install <패키지명>	# 특정 패키지 설치
npm install package_name -g # 글로벌 설치 옵션. 로컬의 다른 프로젝트도 패키지 사용 가능
npm run <스크립트명>	# package.json에 있는 스크립트 실행

npm uninstall		# 패키지 삭제
npm update		# 설치한 패키지 업데이트
npm dedupe		# 중복 설치 패키지 정리

---

yarn

2016년 Facebook이 개발했으며, npm의 속도와 안전성 문제를 해결하기 위해 등장했다. 

 

주요 yarn 명령어들

yarn init		# package.json 생성
yarn install		# package.json 또는 yarn.lock에 있는 모든 패키지 설치
yarn add <패키지명>	# 패키지 설치
yarn global add package_name	# 글로벌 설치 옵션. 로컬의 다른 프로젝트도 이 패키지 사용 가능
yarn remove		# 패키지 삭제
yarn upgrade		# 설치한 패키지 업데이트
yarn run <스크립트명>	# package.json에 있는 스크립트 실행

 

yarn이 npm에 비해 속도가 더 빠르고 안정적인 편이라, 큰 프로젝트에서 더욱 선호된다고 한다.

 

---

npm vs yarn 정리

 

---

결론

정리 내용을 보면 yarn을 사용하는 것이 훨씬 더 좋아보이지만, 최근에는 npm도 계속 업데이트되면서 많은 기능이 추가되어 개선되었고, yarn과 차이가 크지 않다고 한다.

둘 중 취향에 따라 하나를 선택하면 된다. (혼합해서 사용하면 문제가 생길 수 있으니 주의하자)

(개인적으로 프론트엔드 입문 단계라면 npm으로 시작하고, 나중에 필요하면 yarn을 써보는 것을 추천한다)