하이브리드 앱 개발 환경
[REACT 패키지 도구 알아보기] yarn / npm 차이점
오류나면꽥꽥
2025. 2. 13. 17:23
✅ Yarn과 npm은 둘 다 JavaScript의 패키지 관리 도구
-> 주로 Node.js 환경에서 라이브러리와 패키지를 관리하는데 사용
📍 차이점
| yarn | npm 5 | |
| 패키지 | Facebook, Exponent(React Native 팀) 등이 만든 프로젝트 | Node.js의 공식 패키지 관리자 |
| 커뮤니티와 지원 | 안정성, 속도 및 팀 프로젝트에서의 효율성에 중점 |
커뮤니티와 생태계가 매우 크고 전 세계 개발자들이 광범위하게 사용 |
| 속도 | 여러 패키지를 동시에 설치 | 여러 패키지 한번에 설치 ( Yarn보다는 상대적으로 느림 ) |
| 의존성 관리 및 안정성 | yarn.lock 파일을 사용하여 의존성 버전을 고정 ( Yarn은 이를 더 강력하고 안정적으로 관리한다고 평가 ) |
package-lock.json 파일을 사용하여 의존성 관리 |
| 캐시 및 오프라인 사용 | 패키지 캐싱을 지원 패키지를 한 번 설치하면 로컬 캐시로 저장되고, 이후 오프라인에서도 설치가 가능 |
캐시를 지원 ( Yarn처럼 오프라인 사용에 있어선 약간 부족 ) |
*오프라인?
인터넷 연결 없이 로컬에 저장된 패키지를 사용하여 설치하거나 실행할 수 있는 기능
| 결론 | 빠른 속도, 효율적인 의존성 관리, 오프라인 지원 등에서 뛰어나며, 대규모 프로젝트나 팀 프로젝트에서 안정적이고 빠르게 작업 가능 | npm 5 이후로 성능과 기능이 향상되어 Yarn과 큰 차이가 없습니다. 대부분의 경우 npm으로도 충분히 잘 작업 가능 |
📌 명령어
| 기능 | yarn 명령어 | npm 명령어 |
| 패키지 설치 | yarn install | npm install |
| 패키지 추가 | yarn add <패키지명> | npm install <패키지명> |
| 패키지 제거 | yarn remove <패키지명> | npm uninstall <패키지명> |
| 모든 패키지 업데이트 | yarn upgrade | npm update |
| 패키지 버전 업데이트 | yarn upgrade <패키지명> | npm update <패키지명> |