본문 바로가기

Webpack

NPM의 정의와 NPM을 사용하는 2가지 이유

npm이란?

npm은 node package manager의 줄임말이다. 

자바스크립트의 라이브러리를 관리해주는 도구라고 생각하면 된다. 전체적인 자바스크립트 라이브러리를 npm을 통해서 관리할 수 있다. 

 

간단한 명령어 소개

node -v : node.js의 버전을 확인할 수 있다. 

npm -v : npm의 버전을 확인할 수 있다. 

npm init : npm 을 실행한다. 

npm init -y : 기존에 npm을 실행할 때, 엔터를 쳐줘야하는 번거로운 일을 덜어준다.

위와 같이 npm init을 실행하고나면, package.json 파일이 생성된다. 

 

npm install에 대해서도 알아보자. 예를 들어 npm install jquery라고 하면, jquery 라이브러리를 설치할 수 있다. 그리고 설치된 라이브러리를 package.json에서 확인이 가능하다. 

 

npm을 사용하는 2가지 이유 

라이브러리를 script 태그를 통해서 가져오거나, cdn을 통해서 가져오면 안되나? 

여기서 npm을 사용하는 2가지 이유가 나타난다. 

1)설치된 라이브러리를 깔끔하게 확인할 수 있다 : html 안에서 script 태그를 활용해서 라이브러리를 가져올 경우, 어떤 라이브러리가 설치되었는지, 확인하기도 어려울 뿐더러 코드가 지저분해질 수 있다. 그렇지만, npm을 통해서 설치하면 package.json에 정리되어 깔끔하게 확인이 가능하다. 

2)cdn을 검색하는 번거로움을 덜 수 있다 : 특정 라이브러리의 cdn 가져오려고 할 때, 해당 사이트를 검색해서 찾아들어가야하는 번거로움이 있다. 이런 번거로움을 npm을 통해서 덜 수 있다. 

'Webpack' 카테고리의 다른 글

[NPM] dependencies와 devDependecies의 차이  (0) 2021.09.10