NVM / NPM / node.js / package.json

프로젝트를 하기전에 개념을 대충 흘러 넘겼더니 ,,, 역시냐 프로젝트 진행중에 헷갈려서 돌아 버리는줄 알았다. 🤬

그러니깐 잘 알고 갑시다. 😭
시작 합니다.

---

런타임

프로그램밍 언어가 구동되는 환경입니다.

지금까지는 js를 실행시키기 위해 html 에 태그로 작성 하여 실행 시켰습니다.
그렇다면 여기서 런타임은 브라우저 였습니다. !

const testFunction = function(arg){
console.log("Arg is : ", arg);
}

testFunction(20);

위에 js코드를 터미널에서 실행 시키기 위해서 어떻게 해야 할까요 ?

바로바로 node.js 환경을 만들어 줍니다.
그럼 여기선 node.js가 런타임이 됩니다. !

NVM

nvm은 node를 설치해주고 node의 버전을 옮겨 다니게 해줍니다.

그럼 먼저 nvm을 설치 해봅시다. !

터미널에서

$ touch ~/.bash_profile 
$ curl -o- https://raw.githubusercontent.com/nvm-sh/nvm/v0.35.3/install.sh | bash

입력합니다.

$ nvm --version

잘 설치 되었다면 버전이 나옵니다.

node

nvm을 설치 하였다면 이제 node.js 환경을 만들어 주기 위해 node를 설치해봅시다.

$ nvm install 10.13.0

원하는 버전으로 설치 하시면 됩니다.
노드가 잘 설치 되어 있는지 확인을 할려면

$ node -v

버전이 나온다면 잘 설치 되어 있는거 입니다.

$ nvm ls

위에 코드를 입력하면 현재까지 설치한 node버전이 나옵니다.
버전을 옮기로 싶다면

$ nvm use (사용하고 싶은 node version : use 명령어 전에 해당 node version이 설치되어있어야 합니다.)
ex) nvm use 12.13.0

NPM

일종의 앱스토어 입니다. npm을 통해 내가 프로그램을 구동시키기 위해 필요한 모듈을 설치 할 수 있습니다.
과거에는 npm을 별도로 설치해야 했지만 지금은 node.js만 설치하면 자동으로 설치가 됩니다.

그럼 먼저 모듈을 설치하기 전에 무슨 모듈을 설치 할지를 알아야 합니다.
필요한 모듈을 적어 논 것이 package.json입니다.

$ npm install

위에 코드를 입력하면 package.json에 있는 모든 모듈이 전체 설치 됩니다.

원하는 모듈만 설치 하고 싶으면 install 뒤에 모듈명을 입력하면 됩니다. !

package.json

1. dependencies
   이 프로젝트가 돌아가기위해 반드시 필요한 모듈들이 무엇인지가 적혀 있습니다.
2. devDependencies
   이 프로젝트를 개발하는 환경에서 필요한 모듈들이 무엇인지가 적혀 있습니다. 예를 들면 코드 모양을 잡아주는 lint나 테스팅 모듈처럼, 실제 프로젝트 동작에 직접적으로 영향을 주지 않는 모듈들을 명시합니다.
3. scripts
   npm 으로 실행시킬 수 있는 명령어를 정의합니다. 명령어를 입력하면 어떤 동작을 해야하는지가 적혀 있습니다.
   예를들면 npm test 명령어를 입력하면 "test.js 파일을 node 에서 실행시켜라!" 하는 내용들이 들어있습니다. 만약 npm test와 같은 명령어를 실행시켰는데 "정의되지 않은 명령어" 라는 오류 메시지가 나오면, package.json 파일 scripts 에 해당 명령어가 정의되어 있는지를 확인해 보시면 됩니다.

"scripts": {
  "start": "node app.js",
  "test": "node test.js",
}