[React] npm이란? 패키지 관리자의 모든 것!!!

처음 React 프로젝트를 시작할 때 마주치는게 무엇일까? 함은 바로 이 npm이라고 할 수 있다.

블로그 여기저기를 찾다보면 npm install 뭐시기 뭐시기 하라고 해서 뭔지도 모르고 따라한 사람들이 많을것이다.(필자도 마찬가지,,))

따라서 필자는 npm에 대해서 공부하고 이해한 내용을 정리해보기로 했다.

---

npm이란?

npm은 Node Package Manager의 약자로, JavaScript 패키지의 거대한 생태계라고 볼 수 있다.

전 세계 개발자들이 만든 다양한 JavaScript 라이브러리들을 쉽게 설치하고 관리할 수 있게 해주는 도구이며,

Node.js를 설치하면 자동으로 함께 설치되는데, 마치 앱스토어처럼 필요한 패키지를 검색하고 설치할 수 있다고 보면된다!

예전에는 개발자들이 직접 JavaScript 파일을 작성하고 관리했지만, 프로젝트가 커질수록 이런 방식은 매우 비효율적이었다.
수많은 라이브러리들을 일일이 다운로드하고, 버전을 관리하고, 업데이트하는 것은 매우 힘든 일이었고, npm은 바로 이러한 문제를 해결하기 위해 만들어졌다!

 

npm의 핵심 기능은 크게 세 가지로 나눌 수 있다!

1. 패키지 설치와 관리
2. 버전 관리
3. 의존성 관리

라고 볼 수 있다.

 

또한 패키지 설치는 크게 전역 설치와 로컬 설치로 나눌 수 있는데

• 전역 설치는 시스템 전체에서 사용할 수 있는 패키지를 설치하는 것이고,
• 로컬 설치는 특정 프로젝트에서만 사용할 패키지를 설치하는 것이다!

---

기본적인 npm 명령어들

 

# 새로운 프로젝트 시작
npm init

# 패키지 설치
npm install 패키지이름       # 로컬 설치
npm install -g 패키지이름    # 전역 설치
npm install --save-dev 패키지이름  # 개발용 패키지 설치

# 패키지 제거
npm uninstall 패키지이름

# 패키지 업데이트
npm update 패키지이름

# 설치된 패키지 목록 확인
npm list

이 명령어들은 각각 다른 상황에서 사용된다.

예를 들어, npm init은 새 프로젝트를 시작할 때 사용하고,

npm install은 필요한 패키지를 설치할 때 사용한다.

-g 옵션을 사용하면 전역적으로 패키지를 설치할 수 있는데, 이는 CLI 도구와 같이 모든 프로젝트에서 사용해야 하는 패키지를 설치할 때 유용하다!