Node.js

[Node.js] 16. npm 패키지 설정

cheon seung hyeon 2023. 3. 24. 22:55

 

npm을 이용한 패키지 설정

지금까지 node.js와 간단한 html, css , js를 이용해서 데이터를 생성 삭제 수정 읽기 - CRUD의 기능을 구현했다면

이제부턴 Node.js을 이용해서 실제 사용할 수 있는 자원 제공 서버 등을 구축하는 과정을 학습할 생각입니다.


npm이란?

node package module의 약자로 Node.js로 어떤 프로젝트를 할 때 필요한 모듈의 구축을 돕는 도구입니다.

- 모듈이란? 2023.03.18 - [Node.js] - [Node.js] 15. Module

이전 장에서 따로 모듈을 제작해서 사용했다면 이번 장부턴 실제 배포되고 있는 모듈 등을 사용하면서 서버를 구축하는 것을 학습하겠습니다. 사용법은 간단합니다.

npm 사용법

1. Node.js 설치하기

https://nodejs.org/koNode.js는 공식 Node.js 사이트를 통해서 다운로드 받을 수 있습니다.

2. npm 사용

저는 이번 장 부터 새로운  new_Project 폴더를 만들었고 vs 코드를 통해 열었습니다. npm을 사용하려면 터미널에 명령어를 입력해야 합니다.  이때 터미널을 여는 방법은 아래의 그림의 오른쪽 위의 버튼을 클릭하거나 

통합 터미널에서 열기 버튼을 통해 터미널을 열 수 있습니다.

터미널을 열었을 때 터미널의 오른쪽이 PowerShell로 되있는 경우 Bash 로 바꿔야 됩니다.

이후 npm init 명령어를 입력해서 초기 package.json 을 만듭니다.

Package.json : 현재 프로젝트에 관한 정보와 패키지 매니저(npm, yarn)을 통해 설치한 모듈들의 의존성을 관리하는 파일

name : 프로젝트 명version : 버전명 (Enter)description : "내용" (Enter)...이렇게 하게 되면 새로 만든 new_Project 폴더 안에 package.json 파일이 생기게 됩니다.

이렇게 완성된 폴더는 npm이 관리하는 폴더가 되서 이 프로젝트에 들어가는 모듈들을 쉽게 관리할 수 있게 됩니다. 모듈이 필요한 경우 npm install [모듈명]을 통해 모듈을 설치할 수 있습니다.

3. package.json을 이용해서 한 번에 설치하기

이제 npm install이라는 명령어를 입력하게 되면 별도의 동작 없이도 npm install을 통해 프로젝트에 필요한 모듈들을 한번에 불려 올 수 있습니다. 설치에 성공하면 package.json에 dependencies란 문구가 추가 되게 됩니다.

3. package.json을 활용해서 명령어 등록하기

package.json의 scripts 부분에 내용을 추가하는 것으로 별도의 명령어를 텍스트로 지정하는 일종의 단축키의 역할을 할 수 있습니다. 예를 들어 test.js와 test2.js를 각각 만듭니다. node [파일명] 으로 실행하면 각각의 문장이 출력될 것입니다.

<test.js , test2.js>

 이걸 package.json에 명령어로 등록하면 단축키 처럼 실행되는 것을 볼 수 있습니다.

실행 방법은 npm run [명령어]입니다.

<package.json>

<실행 결과>