[회고] 신입 iOS 개발자가 되기까지 feat. 카카오 자세히보기

🛠 기타/WEB

Node.js - 설치 / NPM

inu 2020. 10. 12. 19:14
반응형

Node.js란?

  • 웹브라우저에서 쓰이는 자바스크립트를 서버에 사용가능하도록 한 것
  • V8(크롬에 탑재된 자바스크립트 엔진)의 적용으로 프론트엔드쪽에서만 주로 사용되던 자바스크립트를 서버에서 사용할 수 있게 되었다.

Node.js 설치

  • https://nodejs.org/ko/download/
  • 해당 링크에서 설치파일을 다운받아 설치 후
  • cmd혹은 커맨드창에서 node -v, npm -v를 쳐서 버전을 확인한다.

NPM

  • Nodejs Package Manager의 약자로, 다른 사람이 제작한 모듈을 받아와 활용하는 것이다.
  • 다양한 모듈이 존재하며, 처음엔 npm init으로 패키지에 대해 초기화를 한 후에 작업을 진행한다.

-y는 자세한 설정없이 기본옵션으로 package.json을 초기화해준다.

  • 이러한 과정으로 package.json 이라는 패키지 관리 파일이 생성된다.
  • 그리고 이제 필요한 패키지를 불러와 활용하면 된다.
  • 사용가능한 패키지에는 express, uuid4 등이 존재한다. 이들의 활용법에 대해선 차차 다룬다.

npm install 예시

  • 설치가 완료되면 패키지 관리 파일(package.json)에 각 패키지들에 대한 정보가 입력된다. 그리고 node_modules라는 폴더가 생성된다. 이 안에 패키지 실행에 필요한 파일들이 담겨있다.
  • package-lock.json에는 패키지별로 참조라이블러리 버전이 다를 수 있기 때문에 해당 정보들이 담기게 된다.
  • 만약 패키지 관리 파일에는 입력이 되어있는데, 실제로 설치는 안되어있는 경우 npm install만을 입력해 한번에 입력된 패키지들을 설치할 수 있도록 하는 기능도 존재한다.

package.json - scripts

  • npm을 활용해 CLI환경에서의 명령어를 간단하게 할수도 있다.
  • package.json의 scripts에 입력하여 가능하다.
{
  "name": "jspractice",
  "version": "1.0.0",
  "description": "",
  "main": "hello.js",
  "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1",
    "dev": "node hello.js"
  },
  "keywords": [],
  "author": "",
  "license": "ISC",
  "dependencies": {
    "express": "^4.17.1",
    "uuid4": "^2.0.2"
  }
}
  • 위와 같이 scripts에 "start": "node hello.js"를 추가하면 CLI환경에서 "npm run dev"로 "node hello.js"를 실행시킬 수 있게 된다.
  • 이 때 기본적인 node문이 아니라 'nodemon'같은 추가 패키지를 설치할 필요가 있는 경우 앞에 'npx'를 붙여 오류를 방지할 수 있다.
반응형