Node.js 설치(nvm) 및 NPM 사용법 정리

Nods.js = javascript 동작 가능한 환경

 

 

- Node Version Manger

- Windows Version

GitHub - coreybutler/nvm-windows: A node.js version management utility for Windows. Ironically written in Go.

※ 설치할 때 경로에 띄어쓰기 없이 설치! error 남

 

- Mac Version

GitHub - nvm-sh/nvm: Node Version Manager - POSIX-compliant bash script to manage multiple active node.js versions

- 터미널에서 코드 입력 후 설치

curl -o- https://raw.githubusercontent.com/nvm-sh/nvm/v0.39.1/install.sh | bash

 

---

 

- 설치확인 방법

nvm --version

 

- 버전 설치방법 

nvm install ex) 1.1.1(version number)

 

- 설치 된 버전 확인방법 

nvm ls

 

- 사용할 버전 넘버로 선택

nvm use ex) 1.1.1(version number)

 

- 설치 된 node 버전 확인

node --version

 

- 설치 된 버전 삭제방법

nvm uninstall ex) 1.1.1(version number)

 

- nvm 명령어

nvm --help

---

 

NPM(Node Package Manager)

 

- npm package 관리

 

- package.json 파일 생성

npm init -y

 

- parcel-bundler 설치

npm install parcel-bundler -D

node_modules 안에 들어 있는 parcel-bundler가 설치 된 걸 확인

 

ex) npm install -D XXXXXXXX

개발용 패키지

 

ex) npm install XXXXXXXX

웹사이트에서 동작하는

 

 

 

- lodash 설치

npm install lodash

package.json → 설치 내역이 남게 됨

 

- lodash 정보 확인

npm info lodash

최신버전 확인 가능

 

 

버전이 다를수도 있음

※ node.motules → lodash → package.json 현재 버전 확인 가능

 

 

npm install lodash@ex)1.1.1(version nunber)

버전 변경 가능

npm update lodash

^이 앞에 있으면 업데이트가 허용된다는 의미

---

 

- 패키지를 지우더라도 npm i 명령어로 package.json에 내역들이 자동 설치

(.lock 파일은 자동으로 관리되는 파일)

 

npm i(nstall)

※ 삭제해도 되는 폴더

.cache

.dist

.node_modules

 

npm run dev
npm run build

다시 설치 가능

 

 

 

- 개발 서버 실행 / ctrl + c로 종료

package.json 에서

ex)
"scripts": {
  "dev": "parcel index.html"
}

프로젝트에서 scripts로 명령어 지정

npm run dev

---

lodash에서 _ 로 불러와서 실행 가능

import _ from 'lodash'


console.log(_.camelCase)

---

- 브라우저에서 해석되는 용도의 결과물

package.json 에서

ex)
"scripts": {
  "build": "parcel build index.html"
}

프로젝트에서 scripts로 명령어 지정

npm run build

dist / 파일 확인 및 생성

난독화로 작성된 코드 확인 브라우저에서 만들어는 용도 

 

---

 

.gitignore 폴더

.cache/
.dist/
.node_modules/

git에 올라가지 않는 파일 관리 가능