[Javascript] NPM (Node Package Manager)

01.NPM이란?NPM이란 무엇일까요? Node Package Manager의 약자로 node 환경에서 package를 관리하는 도구라고 할 수 있습니다. 여기서 관리란 Node.js로 만들어진 모듈(Package)을 웹에서 받아 설치하고 사용할 수 있도록 지원하는 것을 의미합니다.NPM에서 관리되는 모듈은 버전 정보도 함께 관리되기 때문에 다른 개발 환경에서도 package.json이라는 npm 파일만 있으면 동일한 개발 환경을 구축할 수 있습니다. 자바에서 사용하는 메이븐이나 그레돌 같은 역할

02.npm 사용법 먼저 npm을 사용하기 위해서는 node.js를 설치해야 합니다. node.js를 설치하면 npm도 포함되어 설치됩니다.(예전에는 따로 설치해야 했다고 합니다.설치가 되면 터미널에서 npm 명령을 사용할 수 있게 됩니다. npm 환경을 구성하기 위해 첫째, 해야 할 일은 위와 같이 개발 효율을 높이기 위해서는 모듈의 의존성을 한꺼번에 관리해야 합니다. 그러기 위해서 package.json을 만들어야 합니다. 명령어는 npminit-y입니다.여기서 -y는 프로젝트 이름과 버전 등의 프로젝트에 대한 옵션을 모두 기본값으로 설정한다는 단축어입니다. (-y를 사용하지 않고 하나하나 등록받을 수 있음) 이제 패키지를 관리할 준비가 되었습니다. npm에는 전세계 많은 프로그래머들이 만들어 공개한 자바스크립트 패키지가 웹상에 저장되어 있습니다. 이러한 패키지를 필요에 따라 npm 명령어로 설치하여 사용할 수 있습니다. 설치할 명령은 npminstall 패키지 이름입니다. 아래 명령어는 react와 react-dom 패키지를 설치하는 명령어로 여러 패키지를 한꺼번에 설치할 때는 빈칸으로 구분합니다.여기서 패키지를 활용하는 목적에 따라 두 가지 설치 방식으로 나눌 수 있습니다. 개발 로직에 필요한 패키지와 개발에 도움이 되는 부가적인 패키지로 나눌 수 있습니다. 예를 들어 웹팩이나 바벨 같은 경우는 개발 시에만 필요하고 배포 시에는 필요 없는 패키지입니다. 이들 패키지는 -D 옵션을 붙여 dev Dependencies로 따로 설치할 수 있습니다.또 다른 주요 기능으로는 package.json 파일 내의 scripts 속성을 통해 터미널 명령을 단축 명령어로 등록할 수도 있습니다.예를 들어, webpack을 실행하려면 명령어로 webpack 폴더 내에 있는 webpack 설정 파일을 등록하기 위해 조금 긴 명령을 입력해야 합니다.그러나 이 명령을 다음과 같이 package.json에 단축 명령어로 등록하면 훨씬 쉽게 명령을 실행할 수 있습니다.반드시 build가 아니더라도 원하는 이름으로 단축명령어를 등록하고 npmrun ‘단축명령어명’을 입력하는 데에도 사용할 수 있습니다.

error: Content is protected !!