본문 바로가기
IT/Front

NPM

by sgoho01 2020. 6. 10.

NPM

개발 프로젝트는 외부 라이브러리를 다운로드, 빌드, 버전관리 등 프로젝트를 관리해주는 도구가 있다.

ex) 자바의 gradle, maven등과 같은 도구

프론트엔드 개발시에도 이와 같은 도구를 사용할수 있다. npm이 이와 같은 역할을 해준다.

npm을 이용하여 외부 라이브러리들을 다운로드하고 버전관리, 빌드 등을 할수 있다.

 

설치

NPM을 사용하기 위해서는 Node를 설치하면 npm이 같이 설치되어 npm을 사용할 수 있다.

 

 

INIT

프로젝트에서 npm을 사용하여 라이브러리를 관리하기 위해서는 npm init 명령어로 npm 프로젝트로 만들어줘야 한다.d

 

npm init

init 명령어를 실행하면 프로젝트의 옵션을 기록하여 생성할 수 있다.

전부 빈값으로 진행하게 되면 기본설정값으로 생성된다.

 

설정을 끝나고나면 프로젝트에 package.json이라는 파일이 생성된다.

이 파일에 설정한 프로젝트 설정값이 기록되고 외부 라이브러리의 버전관리를 할 수 있게된다.

 

각 항목 :

  • name : 프로젝트 이름
  • version : 프로젝트 버전
  • description : 프로젝트 설명
  • main : 어플리케이션의 진입점 경로
  • scripts : 프로젝트 명령어, 커스텀 명령어도 여기서 정의할 수 있음
  • author : 프로젝트 생성자
  • license : 프로젝트 라이센스

 

INSTALL

npm 설정이 끝났으면 외부 라이브러리를 받아서 사용해보자.

외부라이브러리를 다운로드 하려면 npm install 명령어를 사용 하여 다운로드 받을수 있다.

 

https://www.npmjs.com/

 

npm | build amazing things

Build amazing things We're npm, Inc., the company behind Node package manager, the npm Registry, and npm CLI. We offer those to the community for free, but our day job is building and selling useful tools for developers like you. Take your JavaScript devel

www.npmjs.com

위 링크로 들어가서 npm에서 받을수 있는 라이브러리를 검색 후 다운로드 받을수 있다.

 

react를 사용하기 위해 react 라이브러리를 받기 위해서 검색창에 react를 검색하고 다운받아보자.

 

 

react 검색후 클릭해 들어가면 react의 다운로드 명령어를 확인할 수 있다.

npm i react

npm install react 도 같은 명령어인데 install의 약어인 i도 등록되어 있어 i로도 사용이 가능하다.

 

해당 명령어를 실행하면 npm에서 react를 찾아 로컬에 다운로드를 해준다.

다운로드된 파일들은 node_modules폴더가 생성되고 해당 폴더에 다운로드 된다.

 

또한 npm으로 라이브러리를 다운로드하면 package-lock.json 파일도 같이 생성이 되는데 이 파일에서는 다운로드 받은 라이브러리의 버전을 관리하게 된다.

 

댓글