[Node.js] npm과 npx란 무엇일까? (+ 자주 쓰이는 npm 명령어)

개발에 관심이 있다면, 꼭 한 번은 지나쳤을!

모르고 지나치면 안되는 개념

npm과 npx에 대하여 알아보려고 합니다!

+ 자주 쓰이는 npm 명령어

까지 알아보도록 합시다!

 

npm이란?

node package manager의 약자인데, node가 무엇인지를 먼저 알고 가야겠죠?!

 

node.js이란?

구글 크롬의 엔진인 V8기반의 엔진으로 동작하는 서버사이드 런타임입니다.

**여기에서 서버사이드 런타임이란, 웹 애플리케이션 또는 서비스에서 서버 측에서 실행되는 환경이나 플랫폼을 나타냅니다!

브라우저 안에서만 동작하던 자바스크립트가 서버사이드로 이동하게 된 것입니다.

+ node.js이외에도 Django나 Flask등이 있습니다!

---

다시 npm의 개념으로 돌아와서,

npm이란 쉽게 말해, JavaScript 패키지를 설치하고 관리하는 도구입니다.

주로 서버사이드 개발에서 사용되며, 프로젝트에 필요한 라이브러리나 도구들을 쉽게 설치하고 관리할 수 있습니다.

 

npx이란?

npx는 npm 패키지를 설치하지 않고 바로 실행할 수 있는 도구입니다.
프로젝트에 종속성이 필요하지 않은 일회성 스크립트나 도구를 실행할 때 특히 유용합니다!
예를 들어, 프로젝트에 설치된 패키지가 아니라면 npx를 사용하여 해당 패키지의 명령어를 실행할 수 있습니다.

참고로, npx는 npm 버전 5.2.0부터 기본으로 함께 제공되기 시작했습니다!

 

npm과 npx의 차이점

npm

• 패키지를 관리하고 프로젝트에 종속성을 추가하고 실행하는 데 사용

 

npx

• 패키지를 설치하지 않고 바로 실행하는 데 사용
• 일회성 작업이나 특정 환경에서만 필요한 스크립트를 실행하는 데에 유용

 

npm 명령어 사용하기

제가 개발을 진행하며, 항상 헷갈렸던 + 필수적으로 사용했던 명령어 위주로 정리해보겠습니다!

 

"npm init"

새로운 프로젝트를 시작할 때 사용되며, 프로젝트를 초기화하고 package.json 파일을 생성합니다.

 

"npm install"

프로젝트의 종속성(라이브러리, 도구 등)을 설치합니다.

 

"npm run start"

프로덕션 환경에서 애플리케이션을 실행합니다.

 

"npm run build"

프로덕션 환경에 배포하기 전에 소스 코드를 최적화하고 번들링하는 등의 작업을 수행합니다.

프로젝트의 소스 코드를 배포할 수 있는 형태로 빌드합니다.

 

"npm run dev"

주로 개발 중에 사용되며, 개발 서버를 실행하고 코드 변경을 감지하여 자동으로 다시 빌드하는 등의 개발 환경을 설정합니다.

 

종합적으로,

초기화(npm init)에서 시작하여

=> 종속성 설치(npm install)

=> 빌드(npm run build)

=> 개발 서버 실행(npm run dev)

=> 프로덕션 서버 실행(npm run start) 등의 단계를 따라 프로젝트를 개발하고 배포할 수 있습니다 !!!