하루5분코딩"RunTime 과 Node.js"

## RunTime : "어떤 프로그래밍 언어가 동작할 수 있는 프로그램" 즉 , 코드작성시 실행되는 곳

Node.js : JavaScript Runtime

• 원래는 JavaScript Runtime 만 있었지만 Node.js 의 등장으로 웹페이지(브라우저) 뿐만 아니라 서버와 같은 프로그램을 만들수 있다.

Node.js 의 활용

runnode.js //(파일명)
const testFunction = function(arg){
  console.log("arg is : ", arg)
}
testFuction(20);
------------------------------------
//이코드를 브라우저에서 실행하려면 html 파일을 만들어서 넣어줘야하는데 이때 Node.js 를 사용해준다.
$ node runnode.js //"arg is : 20"

node.js 설치

1. NVM 설치 (Mac기준)

• NVM 이란? 개발을 하다보면 다양한 node.js 버전에 대응해야하는데 매번 다시 설치할수 없으니 NVM 을 통해서 간단한 명령어로 node를 설치하고, 다양한 node version을 손쉽게 옮겨 다닐수 있게 해주는 프로그램

터미널에 아래의 코드를 입력한다.

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

2. NVM 버전확인

$ nvm --version
버전이 잘나오면 성공적으로 설치된 것이다.

3. node.js 설치

NVM 을 설치 하였으면 NVM 을 이용하여 node.js를 설치한다.

$ nvm install 12.18.3 (원하는 버전)

$ node -v
버전이 잘 나오는지 확인한다.

4. NPM 설치

• npm : 모듈 들을 다운로드 받는 곳.(like App Store)
• 사용 이유 : 항상 모든 모듈을 저장할수 없기 때문에 필요로 하는 모듈만을 다운 받기 위해 사용.
• 사용 방법 : package.json 에 필요로 하는 파일을 넣어 다른 사람들이 npm을 통해 다운 로드 받으면 된다.

repository 클론한 곳에 다운로드 한다.
$ npm install

✓package.json 자세히 알아보기

1.dependencies

• 이 프로젝트가 돌아가기 위해 반드시 필요한 모듈들
  ex) react

ex)
"dependencies": {
  "react": "^16.8.6",
}

2.devdependencies

• 이 프로젝트를 개발하는 환경에서 필요한 모듈들
  ex) lint , 테스팅 모듈 <= 실제로는 프로젝트 동작에 직접적인 영향을 주지않는 모듈임

 ex)
 "devDependencies": {
  "jest": "^2.3.0",
  "eslint" : "^2.0.0"
}

3. scripts

• npm 으로 실행시킬 수 있는 명령어
• 만약 npm test 와 같은 명령어를 실행시켰을때 '정의되지 않는 명령어' 라는 오류가 나올시 scripts 를 확인해 보면된다.

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

5. ESlint 설치 및 사용 방법

• ESlint : 협업시 서로 다른 코딩 스타일(규칙)을 같게 만들어주는 모듈

$ npm install eslint --save-dev
npm 설치

$ npx eslint --init
파일 설정 해주기

$ npm run lint
오류를 찾아준다.

🚫만약 내가 사용하는 라이브러리에 오류를 없애고 싶다면?

ex) mocha를 사용하여 mocha에 대한 오류를 없애는 법
  "env": {
      "browser": true,
      "node": true,
      "mocha": true
  }
//이렇게 하면 mocha 에 대한 오류가 사라짐.

참고자료
https://eslint.org/docs/user-guide/configuring#specifying-environments

🚫만약 디테일하게 오류없애는 설정을 해주려면? ex) 세미콜론 을 안써도 통과

ex) no-unused-vars 오류를 삭제하려면?
"rules": {
        "no-unused-vars":"off"
    }
//이렇게 하면 no-unused-vars 에 대한 오류가 사라짐
✓ off 대신 사용할수 있는 키워드
"off" or 0 - turn the rule off
"warn" or 1 - turn the rule on as a warning (doesn't affect exit code)
"error" or 2 - turn the rule on as an error (exit code is 1 when triggered)

참고자료
https://eslint.org/docs/rules/