[React] NPM / NPX

NPM

NPM은 Node Package Manager의 약자로, Node.js 프로젝트를 관리하는 필수적인 도구이다.

사용방법

1. 프로젝트 생성
   npm init
   package.json이라는 파일을 만들어 주고, 그 디렉토리를 Node.js 프로젝트로 만들어 준다.

2. 명령어
   명령어들은 다음과 같은 것들이 있다.

명령어	설명
npm init	새로운 프로젝트를 시작할 때, package.json 파일을 생성하는 명령어
npm install<package	package를 설치하는 명령어
npm install --save<package	package를 설치하며, dependencies 프로퍼티에 해당 패키지를 자동으로 추가합니다.
npm install --save-dev<package	devDependencies 프로퍼티에 해당 패키지를 자동으로 추가합니다.
npm update	모든 패키지를 최신 버전으로 업데이트합니다.
npm outdated	프로젝트에서 사용 중인 패키지의 최신 버전 여부를 확인합니다
npm run <script	.json 파일의 scripts 프로퍼티에 정의된 <script를 실행합니다.
npm ls	현재 프로젝트에서 사용 중인 패키지의 리스트를 출력합니다.
npm search <keyword	keyword>를 기반으로 npm의 패키지 레지스트리에서 패키지를 검색합니다.
npm view <package	package> 상세 정보를 출력합니다.

3. npm script 명령어
   package.json 파일에 scripts 태그 안에는 프로젝트를 유지보수할 때 사용하는 여러 기능을 갖고 있는 명령어들이 있다.

스크립트 명령어	설명
start	애플리케이션을 시작합니다.
test	애플리케이션의 단위 테스트를 실행.
build	프로덕션을 위한 애플리케이션을 빌드.
lint	코드 스타일 및 코드 오류를 확인.
deploy	프로덕션 환경에서 애플리케이션을 배포.
clean	빌드 및 테스트를 위해 생성된 일시적인 파일을 제거.

NPX

NPX는 npm 패키지를 설치하지 않고 사용할 수 있게 해주는 도구이다. 프로젝트에 따로 패키지를 추가하지 않고, npx를 이요하여 바로 실행할 수 있게 해준다. npm과의 차이점은, npx는 패키지를 실행시키는 데에 특화된 도구이고 npm은 패키지를 다운로드하고 관리하는 데에 특화된 도구라는 것이다.