본문 바로가기

FrontEnd

npm에 대하여

출처: https://m.blog.naver.com/magnking/220961896609

npm은 Node Packaged Manager의 약자!

먼저 Node는 Node.js를 의미하는 것 같습니다. Packaged라는 것은 package로 만들어진 것들을 의미하는 것 같습니다. package는 모듈이라고도 불리는데 패키지나 모듈은 프로그램보다는 조금 작은 단위의 기능들을 의미합니다. 그리고 Manager는 잘 아시는 것처럼 관리자를 의미합니다.  이걸 합쳐보면 npm이라는 것은 Node.js로 만들어진 pakage(module)을 관리해주는 툴이라는 것이 됩니다. 

이름처럼 npm은 Node.js로 만들어진 모듈을 웹에서 받아서 설치하고 관리해주는 프로그램입니다. 개발자는 단 몇 줄의 명령어로 기존에 공개된 모듈들을 설치하고 활용할 수 있습니다. 프로그램보다 조금 작은 단위인 이 모듈들을 필요에 따라서 이런 저런 모양으로 쌓아서 활용을 할 수 있다고 하는데 필요한 기능을 적절하게 활용할 수 있다면 개발자 입장에서는 참 좋은 일이죠(Java랑 비교를 하자면 메이븐과 비슷한 역할을 하는 것 같습니다).

거기서 그치는 것이 아니라 이 모듈들을 활용했다면 이후에 그 모듈을 만든 개발자가 업데이트를 하거나 할 경우 체크를 해서 알려주는 듯합니다. 버전관리도 쉬워진다는 의미이죠. 저도 아직 파악 중이긴 하지만 npm을 잘 사용한다면 개발이 훨신 쉬워질 것 같네요 :)
어떻게 npm을 사용하는가?
간략화 해서 설명을 해보겠습니다. 우선 npm을 설치해야겠죠? 예전에는 npm을 따로 설치해야 했지만 지금은 node.js를 설치하면 내장(built in)되어 있다고 합니다. node.js 는 npm을 사용하기 위해서 꼭 필요합니다. node.js의 설치는 node.js의 홈페이지를 방문하거나 간단히 검색을 하면 쉽게 찾으실 수 있습니다(제 경우 다운로드를 하고 다 디폴트 설정으로 했기 때문에 어려운 건 없었습니다).

(이하는 terminal아니 cmd 등에서 실행을 해야 합니다. )

npm은 node.js로 만들어진 모듈을 관리하는 툴이니  npm을 사용한다는 것은 곧 모듈을 활용한다는 것이겠죠? 그러니 가장 먼저 해야 할 일은 사용할 모듈을 다운로드 하는 일입니다. 모듈 다운로드는  'npm install 모듈'과 같은 명령어로 할 수 있습니다. 저는 번들링을 위해서 webpack을 설치해 보겠습니다(번들링은 java가 언어를 컴파일하는 것과 비슷한 역할을 합니다. 여러 파일을 하나로 합쳐주고 또 효율이 좋게 빈칸을 줄이거나 글자수를 줄이는 등의 일을 합니다).
npm install --g webpack

 

'FrontEnd' 카테고리의 다른 글

Vue 기본문법  (0) 2024.06.27
VSCode 단축키  (0) 2024.05.18
웹 소켓에 대하여(ing)  (0) 2024.04.03