npm이란?
다른 사람들이 만들어둔 모듈을 우리가 사용할 수 있도록 도와준다.
package란?
누군가 만들어놓은 Node.js 모듈(로그인, 메일 등의 기능을 하는 모듈들이 있다.)
npm을 이용해서 Node.js 패키지 만들기
1. 바탕화면에 새로운 폴더를 만든다
2. 패키지 초기설정 하기
보기 -> 모양 -> 뷰를 클릭해서 터미널을 열어준다.
터미널에 초록색 형광펜 친 부분과 같이 명령어를 입력하면, 패키지명을 물어보는 창이 나온다. 이 때 여기에다가 자신이 정한 패키지명을 입력하면 된다.
나는 패키지명을 package-example로 지었고, 나머지는 입력할 것이 없으니까 다 엔터를 쳤다. 그러면 이제까지 입력받은 정보를 보여주면서 맞냐고 물어보는 창이 뜨는데, 여기서 yes를 누르면 package.json 창이 생성된다.
main은 진입파일을 나타낸다. 패키지의 시작을 의미하는 파일을 저장해둔다.
scripts는 자주 시행하는 명령어를 지정하는 역할을 한다. 위에서는 test만 쳐도 뒤에 명령어를 다 친 것과 같은 기능을 할 수 있다.
그럼 이를 이용해보자.
위와 같이 scripts에 start를 추가하고, 터미널에 npm start를 입력한다.
아마 이렇게 하면 에러가 날 것이다. 그 이유는 index.js가 폴더에 존재하지 않기 때문이다.
다시 index.js를 만들고, 똑같이 명령어를 입력하면 위와 같이 실행되는 것을 볼 수 있다.
다른 사람이 만든 모듈 사용해보기
랜덤으로 색상을 출력해주는 프로그램을 만들어 볼 것이다.
nmpjs를 검색하면 제일 위에 뜨는 사이트 클릭하기
이 사이트에서는 수많은 기능들을 가진 모듈들을 무료로 다운받아 사용할 수 있다.
사이트에 들어가서 randomcolor을 검색하고 제일 위에 뜨는 모듈을 클릭한다.
그럼 이런 페이지가 나오는데, 이 패키지를 다운로드 받기 위해서는 우측 상단 install에 있는 명령어를 터미널에 그대로 입력하면 된다.
위 과정을 완료하면 위와 같이 파일에 변화가 있는 것을 볼 수 있다.
package.json파일에서의 dependencies부분은 추가된 외부 패키지의 목록을 보여준다.
위 코드에서 패키지 설치 이후 randomcolor을 추가된 것을 볼 수 있다.
package.json 에서는 패키지의 버전 범위를 보여주지만, package-lock에서는 더욱 상세한 정보를 볼 수 있다.
npm사이트를 보면 사용법이 자세히 나와있다.
앞서 requir함수는 경로명을 적어줘야한다고 했는데, rendomcolor 폴더는 node_modules안에 있으니까 경로명 없이 바로 randomcolor을 사용해도 괜찮다.
위와 같이 코드를 짜고 실행하면 색상이 랜덤으로 나오는 것을 확인할 수 있다.
'Front-end > Node.js' 카테고리의 다른 글
[Node.js] Node.js Helloworld & Common JS 모듈시스템 (0) | 2023.08.06 |
---|---|
[Node.js] Node.js & VsCode 환경설정 (0) | 2023.08.03 |
[Node.js] Node.js란? (0) | 2023.08.02 |