"Boldness has genius, power, and magic in it." - Johann Wolfgang von Goethe

FrontEnd

[Node.js] NPM 개념정리와 package.json 생성

Toproot 2021. 7. 11. 11:35
728x90
728x90

https://toproot.tistory.com/35

 

[Node.js] Node 설치방법과 NVM 사용법 정리

☘️ Node.js 개요 Node.js 란? Chrome V8 JavaScript 엔진으로 빌드된 JavaScript 런타임. 런타임 : 프로그램 언어가 동작하는 환경 JS : 프로그래밍 언어 변환의 필요성 Node.js 환경 : 자바스크립트라는 프로..

toproot.tistory.com

 


 

🍀 NPM 개요

 

NPM

  • NPM(Node Package Manager)은 전 세계의 개발자들이 만든 다양한 기능(패키지, 모듈)들을 관리
  • npm 생태계에는 여러가지 패키지들이 담겨있음.
  • npm install로 이러한 패키지(모듈)들을 설치해서 사용 가능.

 

모듈

  • 패키지들을 모듈과 같이 사용해서 프로젝트에 적용 가능.

 

장점

  • 관리 효율 증가!
  • 손쉬운 기능 고도화!

 

단점

  • 학습 난도 증가!
  • 구성이 복잡!

 

 

🍀 pacakage.json 생성 및 관리

 

# package.json 생성
npm init -y

# parcel-bundler 설치
npm install parcel-bundler -D

# -D의 의미는?

# lodash 설치
npm install lodash

#npm 설치
## node_modules가 지워졌을 때
## package.json에 기록되어있는 내용을 기반으로 모든 내용 설치.
npm install
  • package.json : 직접 관리하는 개념
  • package-lock.json : 설치한 패키지들의 내부적으로 사용되는 패키지들을 자동으로 관리
  • node_modules는 지워도 되지만 위 두 파일은 절대 지우면 안됨!

 

-D 의 의미는?

  • -D가 있으면 개발용 의존성 패키지 설치
    • 개발할 때만 필요하고 브라우저에서는 필요없음.
  • -D가 없으면 일반 의존성 설치
    • 개발 또는 웹 브라우저에서도 동작할 수 있음을 의미.

 

 

 

 

728x90
728x90

'FrontEnd' 카테고리의 다른 글

[Node.js] Node 설치방법과 NVM 사용법 정리  (0) 2021.07.10