[npm] 패키지 추천 npm-check

귀찮은 패키지 업데이트 체크하기

프로젝트를 진행하다 보면, 내가 다운 받은 패키지가 최신 버전이 나왔는지, 궁금해 질때가 있다.

(분명히 더 좋은 기능이 나온다고 했던거 같은데... )

물론 한땀한땀 `패키지 github`나 `npmjs`에 들어가서 체크해도 상관은 없지만, 평균 수십개의 패키지를 받기 때문에 중요한 패키지가 아니라면 따로 관리하지 않는다.

 

하지만 버그 픽스나 기능 개선이 자주 일어나는 활발한 자바스크립트 생태계라는 점을 고려하면 자주 체크해 주고 업그레이드 한다고해서 문제 생길건 없다. 또한 다운그레이드조차 쉽기 때문에!

 

일단 조금 귀찮고 전통적인 방법을 먼저 알아보자.

> npm outdated

패키지 업데이트를 생각한다면 제일 먼저 접하는 명령어다.

명령어를 검색하면 이렇게 잘 나온다. 근데 단점은 저게 끝이다. 저걸 외우건 보고 치건 다시 한번 `npm i ~~`하는  식으로 입력해서 패키지를 하나~하나~하나~ 받아야 한다.  `npm i package1 package2 ....` 이런걸 대안이라고 하지 말자.

 

---

대안 `npm-check`

내가 생각한 최선의 대안이다(아직까지는 유효하다).

일단 설치부터 하고 몸소 체험해 보자.

> sudo npm i -g npm-check

모든 프로젝트에서 사용하기 때문에 전역 옵션(-g)을 줘서 설치한다. 

전역으로 설치하는건 본인 맘이지만, 어차피 하게 될거다.

Mac이 아니라고 한다면(윈도우에서는) `커맨드 창(cmd)`을 관리자 모드로 열고 `sudo` 빼고 입력하자.

설치는 어려운게 아니니.. 일단 실행해 보자.

실행 명령어는 당연히 `npm-check` 이다. 

보다시피 `npm outdated`와 유사하지만, 좀 더 의미있는 정보를 친절하게 보여준다.

홈페이지부터 명령어까지 알려주는 패키지도 있다. 

그리고 내가 좋아하는 이모티콘까지...

사용하지 않는 모듈에 대한 경고 제거하기 : npm-check --skip-unused

이모티콘 뒤에 'Update`라는 글씨가 써져있다면 npm update 명령어를 통해 최신 버전으로 업데이트 되는 아이들이다.

이모티콘 뒤에 'New val`라는 글씨가 써져있다면 기본 버전의 범위를 넘는 버전이 존재한다는 것이다.

하지만 여기서 의문이 든다. 좋은 정보를 알려주는건 알겠는데 하나하나 설치해야 하는 노가다를 해결해 주지 않는다.

당연히 여기가 끝이 아니다. 옵션 하나만 주면 신세계가 펼쳐진다.

 

> npm-check -u      // NOTE: 인터랙티브 모드 

내가 이 패키지를 사랑하는 이유는 인터랙티브 모드를 지원해서 이다.

명령어를 입력하면 약간의 딜레이 후에 이런 화면에 진입한다.

이제 쇼핑을 하듯이 `키보드 방향키`로 위아래로 움직이며, 업데이트를 하고 싶은 패키지마다 `스페이스바`를 누르자. 다중 선택이 가능하니 다 눌러도 된다.

그리고 `Enter`키를 마지막에 누르면 선택된 모든 패키지가 일괄적으로 업데이트 된다^^;