npm으로 JavaScript 모듈 설치하기

바닐라코딩 사전 가이드 진행중에 JavaScript Konas의 과제를 풀게되었다.

Konas의 Readme에서 Konas는 테스트러너로 Jasmine을 사용했다고 나와있다. 

여기서는 테스트를 수행하는 자세한 방법은 쓰지 않고 우선 기본적인 npm 사용방법을 알고 Jasmine을 설치해보자.

---

NPM이란?

Node Packaged Manager의 약자로 node.js로 만들어진 package를 관리해주는 도구이다. 개발자는 npm을 통해 node.js로 만들어진 module을 웹에서 받아서 설치하고 관리할 수 있다. NPM을 사용하기 위해선 node.js를 설치해야한다. node.js 설치파일 안에 npm이 내장되어 있다.

npm으로 package(module) install/uninstall하기

현재 directory에 module을 설치하고 싶다면 cmd 혹은 비주얼스튜디오 code의 콘솔창에서 해당 directory에 명령어를 입력하면 된다.

npm install [moduleName]

jasmine을 설치하고 싶다면 npm install jasmine을 콘솔창에 입력하면 되는데, 이대로만 쓴다면 package.json에 포함되지 않는다. --save 옵션을 아래와 같이 추가해서 명령어를 입력해 주어야 dependency가 추가된다.

npm install jasmine --save

더 이상 필요없는 module은 아래의 명령어로 삭제할 수 있다.

npm uninstall [moduleName]

 

package.json으로 package(module) 관리

프로젝트에 사용되는 외부 module이 많아지면 module마다 버전관리도 번거롭고 새 프로젝트에서도 동일한 module을 사용할 때 사용하는 module 갯수만큼 npm install 명령어를 입력해야하는 불편함이 발생한다. 이런 번거로움을 해결하기 위해 설치돼있는 모듈을 리스트화 하여 관리할 수 있게 해주는 파일이 package.json파일이다.

package.json 생성하기

모듈을 관리할 프로젝트 경로로 이동하여 아래의 명령어를 입력한다.

npm init --yes

콘솔에 위 명령어를 입력하면 프로젝트 경로내에 package.json파일이 생성되는데 이를 열어보면 프로젝트의 정보들과 함계 dependencies 부분에 현재 프로젝트에 설치된 모듈의 리스트가 저장되어 있는 것을 볼 수 있다.

자주 쓰는 모듈 package.json 이용해서 한번에 설치 및 업데이트

다른 프로젝트에서 쓰던 모듈이나 새로운 프로젝트를 시작했을 때 기본적으로 사용되는 모듈이 있다면 package.json에 있는 dependency를 새로운 프로젝트의 package.json에 붙여 넣는다.

"dependencies": {
    "jasmine": "^3.10.0"
  }

붙여넣은 후에 아래의 명령어를 입력하면 dependency에 있는 모듈들이 모두 설치된다.

npm install

각 버전을 업데이트 하고 싶다면 아래의 명령어를 입력한다.

npm update

 

글로벌 모듈의 설치와 열결

dependency를 이용한 위의 방법은 모듈을 해당프로젝트에 local로 설치하는 방법이다. 

글로벌 모듈은 -g옵션을 사용해서 설치한다. 

npm install express -g

설치된 글로벌 모듈은 아래 명령어를 통해서 확인할 수 있다.

npm list -g --depth=0

글로벌로 설치되어 있는 모듈은 local로 다시 설치할 필요는 없지만 바로 사용할 수 있는것은 아니다.

해당 프로젝트의 디렉토리에서 아래의 명령어를 사용하여 link 시켜주면 된다.

npm link <PackageName>

또한 글로벌 모듈도 업데이트를 해주어야 한다.

npm update -g <PackageName>

 

출처

https://medium.com/@sym1945/visual-studio-code%EC%97%90%EC%84%9C-npm%EC%9C%BC%EB%A1%9C-javascript-%EB%9D%BC%EC%9D%B4%EB%B8%8C%EB%9F%AC%EB%A6%AC-%EC%84%A4%EC%B9%98%ED%95%98%EA%B8%B0-11790a97fff9

Visual Studio Code에서 npm으로 javascript 라이브러리 설치하기

https://developer88.tistory.com/270

NPM 의 package.json을 이용한 효율적 설치 방법 #NodeJS

Getting Started (jasmine.github.io)

Getting Started