본문 바로가기
개발자의 공부방/Frontend

node] npm 배포를 해보자.

by 쥬니준 2022. 5. 26.
728x90
반응형

1. npm 공식홈페이지에서 회원가입을 한다.

https://www.npmjs.com

 

npm

Bring the best of open source to you, your team, and your company Relied upon by more than 11 million developers worldwide, npm is committed to making JavaScript development elegant, productive, and safe. The free npm Registry has become the center of Java

www.npmjs.com

 

2. npm 배포 명령어를 기억하자.

  • npm publish : 내가 만든 패키지를 배포
  • npm unpublish --force : 내가 만든 패키지를 배포 중단 (단, 배포 후 72시간 내에만 가능하다.) , --force 옵션을 붙인다
  • npm info 내가만든패키지이름 : 배포가 잘 됐는지 등을 확인하는 명령어
  • npm login : npm에 로그인!
  • npm whoami : 로그인한 나를 확인!

 

3. 실습 준비

3-1) 디렉토리 구조

  • 간단한 실습이라서 예제폴더 하나 만들어서 index.js 와 package.json 두 파일만 만들어 놓았다.

 

3-2) 코드

index.js

module.exports = () => {
    return 'hello package deploy'
};

package.json

{
    "name": "npmtest-june-alpha",
    "version": "0.0.1",
    "description": "최초로 만들어본 package.json",
    "main": "index.js",
    "scripts": {
        "test":"echo \"Error: no test specified\" && exit 1"
    },
    "author": "blackjune",
    "license": "MIT"
}

4) 배포

  • npm publish를 입력한다. 결과는? ...실패

  • 디렉토리 구조는 위에서 봤듯이 4.4 폴더로 되어 있고 4.4폴더 하위에 package.json이 만들어져있다.
  • 터미널에서 4.4폴더 위치로 이동한다.
  • cd ../4.4 명령어 입력.
  • 다시 npm publish 입력.
  • ...? 실패...

  • 뭐지..? 설마 패키지 네이밍이 똑같은게 있나?
  • npm search npmtest-june-alpha 라고 검색해봤다. 없다.
  • 원인은 뭘까?

  • 정답은 로그인을 하지 않은 상태라서 배포를 할 수 없었다.
  • 회원가입한 이름, pw, 이메일을 입력하고 OTP까지 진행하면 로그인이 된다.
  • 혹시 모르니 npm whoami를 입력 후 정상적으로 로그인이 됐는지 확인한다.

  • 재도전!!
  • 드디어 첫 npm 배포를 했다.
  • npm info 명령어를 통해서 정상적으로 배포가 됐는지 확인해보자.

  • 정상적으로 결과가 나온다.
  • npm install 명령어를 통해서 내가 배포한 코드를 사용할 수 있다. require는 필수!

  • 적당히 실습은 했으니, 이제 배포한 것을 삭제해보자!
  • npm unpublish --force 입력!
  • 혹시 모르니 npm info npmtest-june-alpha 를 입력해서 내가 배포했던 패키지가 있는지 확인해본다!

  • 정상적으로 삭제가 됐다!

 

여기서 오늘의 간단한 실습 끝!

반응형

댓글0