npm에 패키지를 게시하는 방법: 단계별 가이드
NPM(노드 패키지 관리자)에 패키지를 게시하는 것은 작업을 다른 개발자와 공유할 수 있을 뿐만 아니라 개발 커뮤니티에서 두각을 나타내는 방법이기도 합니다. 전 세계의 다양한 프로젝트에 통합되어 다른 프로그래머의 시간과 노력을 절약할 수 있는 재사용 가능한 솔루션을 만든다고 상상해 보십시오.
이 기사에서는 NPM에서 자신만의 패키지를 구성, 게시 및 유지 관리하여 기여에 대한 접근성을 높이고 개발자로서 가시성을 높이는 방법을 단계별로 배우게 됩니다.
전제 조건
시작하기 전에 다음 사항을 확인하세요.
- NPM이 설치되었습니다. nodejs.org에서 다운로드하거나 NVM(노드 버전 관리자)을 사용할 수 있습니다.
- npmjs.com에서 생성된 계정
터미널에서 아래 명령을 실행하여 Node.js와 NPM이 성공적으로 설치되었는지 확인하세요.
node -v npm -v
설치가 올바르면 단말기에 각 버전이 표시됩니다.
결과는 아래와 유사합니다.
$ v20.18.0 # node -v $ 10.8.2 # npm -v
프로젝트 구성
패키지에 대해 원하는 이름으로 폴더를 만드는 것부터 시작하세요. 제 경우에는 "string-reverser-jm"을 선택했습니다.
mkdir string-reverser-jm # cria a pasta via terminal cd string-reverser-jm # acessa a pasta via terminal
NPM 초기화:
npm init
위 명령을 실행하면 터미널에서 package.json 파일을 생성하기 위해 몇 가지 질문을 합니다.
다음은 작성해야 하는 각 항목에 대한 설명입니다.
- 이름: 패키지의 고유 식별자입니다.
- 버전: 의미론적 버전 관리를 사용하여 변경 사항을 나타냅니다.
- 설명: 패키지의 기능에 대한 간략한 설명입니다.
- main: 진입점 파일(예: index.js)
- 키워드: 분류하고 다른 개발자가 패키지를 더 쉽게 찾을 수 있도록 하는 키워드입니다.
- 저자: 관련 작성자 세부정보를 추가하세요.
- 라이센스: 라이센스는 다른 사람이 코드를 사용, 수정 및 배포할 수 있는 방법을 정의합니다. 가장 일반적인 라이센스는 MIT로, 원본 저작권 고지가 제공되는 한 허용적이고 자유로운 사용을 허용합니다.
질문을 마치고 NPM이 이 정보 없이 파일을 생성한 경우 생성된 파일을 편집기에서 열고 누락된 내용을 추가하세요.
예:
{ "name": "string-reverser-jm", "version": "1.0.0", "description": "A simple utility to reverse strings, useful for demonstrations and small projects.", "main": "index.js", "scripts": { "test": "echo \"No test specified\" && exit 1" }, "author": "Juliana Macedo <contact@starcoders.info> (https://www.starcoders.info)", "keywords": [ "string", "reverse", "utility" ], "license": "MIT" }
코드 작성
프로젝트 루트에 index.js 파일을 생성하세요.
function reverseString(str) { if (typeof str !== "string") { throw new TypeError("Expected a string as input"); } return str.split("").reverse().join(""); } module.exports = reverseString;
패키지 테스트
패키지를 게시하기 전에 테스트하기 위해 npm link 명령을 사용합니다
패키지 디렉터리에서 다음 명령을 실행하세요.
npm link
패키지를 테스트하려는 프로젝트에서 다음 명령을 실행하세요.
node -v npm -v
테스트 프로젝트에서 패키지를 가져와 사용하여 작동하는지 확인하세요.
$ v20.18.0 # node -v $ 10.8.2 # npm -v
생성된 링크를 제거하려면 테스트 프로젝트 디렉터리에서 npm unlink string-reverser-jm 명령을 실행한 다음 패키지 디렉터리에서 npm unlink 명령을 실행하면 됩니다.
게시용 패키지 준비
먼저 패키지용 Git 저장소를 생성하고 이를 NPM에 연결합니다. 이를 통해 소스 코드를 사용할 수 있게 되어 투명성과 신뢰도가 높아지고, 공동 작업과 커뮤니티 기여가 촉진되며, CI/CD를 통한 자동화가 가능해져 보다 효율적인 관리 및 유지 관리가 가능해집니다.
NPM에 연결하려면 저장소의 https 주소를 복사하여 package.json에 추가하세요.
mkdir string-reverser-jm # cria a pasta via terminal cd string-reverser-jm # acessa a pasta via terminal
- .gitignore: node_modules 및 .env와 같은 폴더와 파일을 버전 관리에서 제외하려면 .gitignore 파일을 만듭니다.
- .npmignore: .npmignore 파일을 생성하여 NPM 패키지에 포함하지 말아야 할 파일과 폴더를 지정합니다.
- README.md: 패키지에 대한 정보가 포함된 파일을 만듭니다.
패키지 게시
로그인 세부정보를 사용하여 NPM에 로그인하세요.
npm init
패키지를 게시하려면 아래 명령을 실행하세요.
{ "name": "string-reverser-jm", "version": "1.0.0", "description": "A simple utility to reverse strings, useful for demonstrations and small projects.", "main": "index.js", "scripts": { "test": "echo \"No test specified\" && exit 1" }, "author": "Juliana Macedo <contact@starcoders.info> (https://www.starcoders.info)", "keywords": [ "string", "reverse", "utility" ], "license": "MIT" }
알겠습니다. 패키지는 곧 NPM 레지스트리에서 사용할 수 있습니다!
https://www.npmjs.com/package/string-reverser-jm
패키지 업데이트
업데이트나 버그 수정 시 아래 명령 중 하나를 사용하여 의미론적 버전 관리에 따라 package.json의 버전 번호를 늘리세요.
function reverseString(str) { if (typeof str !== "string") { throw new TypeError("Expected a string as input"); } return str.split("").reverse().join(""); } module.exports = reverseString;
업데이트된 버전을 게시하세요.
npm link
자주 발생하는 문제:
- 이미 사용된 패키지 이름: 동일한 이름의 패키지가 이미 존재하여 게시에 실패한 경우 아직 사용되지 않은 다른 이름을 선택하세요.
- 인증 오류: 로그인되어 있고 게시하는 데 필요한 모든 권한이 있는지 확인하세요.
- 버전 충돌: 버전 번호를 업데이트하지 않고 게시하려고 하면 NPM에서 게시물을 거부합니다. 버전을 높이려면 npm 버전을 사용하세요.
위 내용은 npm에 패키지를 게시하는 방법: 단계별 가이드의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

핫 AI 도구

Undresser.AI Undress
사실적인 누드 사진을 만들기 위한 AI 기반 앱

AI Clothes Remover
사진에서 옷을 제거하는 온라인 AI 도구입니다.

Undress AI Tool
무료로 이미지를 벗다

Clothoff.io
AI 옷 제거제

Video Face Swap
완전히 무료인 AI 얼굴 교환 도구를 사용하여 모든 비디오의 얼굴을 쉽게 바꾸세요!

인기 기사

뜨거운 도구

메모장++7.3.1
사용하기 쉬운 무료 코드 편집기

SublimeText3 중국어 버전
중국어 버전, 사용하기 매우 쉽습니다.

스튜디오 13.0.1 보내기
강력한 PHP 통합 개발 환경

드림위버 CS6
시각적 웹 개발 도구

SublimeText3 Mac 버전
신 수준의 코드 편집 소프트웨어(SublimeText3)

Python은 부드러운 학습 곡선과 간결한 구문으로 초보자에게 더 적합합니다. JavaScript는 가파른 학습 곡선과 유연한 구문으로 프론트 엔드 개발에 적합합니다. 1. Python Syntax는 직관적이며 데이터 과학 및 백엔드 개발에 적합합니다. 2. JavaScript는 유연하며 프론트 엔드 및 서버 측 프로그래밍에서 널리 사용됩니다.

웹 개발에서 JavaScript의 주요 용도에는 클라이언트 상호 작용, 양식 검증 및 비동기 통신이 포함됩니다. 1) DOM 운영을 통한 동적 컨텐츠 업데이트 및 사용자 상호 작용; 2) 사용자가 사용자 경험을 향상시키기 위해 데이터를 제출하기 전에 클라이언트 확인이 수행됩니다. 3) 서버와의 진실한 통신은 Ajax 기술을 통해 달성됩니다.

실제 세계에서 JavaScript의 응용 프로그램에는 프론트 엔드 및 백엔드 개발이 포함됩니다. 1) DOM 운영 및 이벤트 처리와 관련된 TODO 목록 응용 프로그램을 구축하여 프론트 엔드 애플리케이션을 표시합니다. 2) Node.js를 통해 RESTFULAPI를 구축하고 Express를 통해 백엔드 응용 프로그램을 시연하십시오.

보다 효율적인 코드를 작성하고 성능 병목 현상 및 최적화 전략을 이해하는 데 도움이되기 때문에 JavaScript 엔진이 내부적으로 작동하는 방식을 이해하는 것은 개발자에게 중요합니다. 1) 엔진의 워크 플로에는 구문 분석, 컴파일 및 실행; 2) 실행 프로세스 중에 엔진은 인라인 캐시 및 숨겨진 클래스와 같은 동적 최적화를 수행합니다. 3) 모범 사례에는 글로벌 변수를 피하고 루프 최적화, Const 및 Lets 사용 및 과도한 폐쇄 사용을 피하는 것이 포함됩니다.

Python과 JavaScript는 커뮤니티, 라이브러리 및 리소스 측면에서 고유 한 장점과 단점이 있습니다. 1) Python 커뮤니티는 친절하고 초보자에게 적합하지만 프론트 엔드 개발 리소스는 JavaScript만큼 풍부하지 않습니다. 2) Python은 데이터 과학 및 기계 학습 라이브러리에서 강력하며 JavaScript는 프론트 엔드 개발 라이브러리 및 프레임 워크에서 더 좋습니다. 3) 둘 다 풍부한 학습 리소스를 가지고 있지만 Python은 공식 문서로 시작하는 데 적합하지만 JavaScript는 MDNWebDocs에서 더 좋습니다. 선택은 프로젝트 요구와 개인적인 이익을 기반으로해야합니다.

개발 환경에서 Python과 JavaScript의 선택이 모두 중요합니다. 1) Python의 개발 환경에는 Pycharm, Jupyternotebook 및 Anaconda가 포함되어 있으며 데이터 과학 및 빠른 프로토 타이핑에 적합합니다. 2) JavaScript의 개발 환경에는 Node.js, VScode 및 Webpack이 포함되어 있으며 프론트 엔드 및 백엔드 개발에 적합합니다. 프로젝트 요구에 따라 올바른 도구를 선택하면 개발 효율성과 프로젝트 성공률이 향상 될 수 있습니다.

C와 C는 주로 통역사와 JIT 컴파일러를 구현하는 데 사용되는 JavaScript 엔진에서 중요한 역할을합니다. 1) C는 JavaScript 소스 코드를 구문 분석하고 추상 구문 트리를 생성하는 데 사용됩니다. 2) C는 바이트 코드 생성 및 실행을 담당합니다. 3) C는 JIT 컴파일러를 구현하고 런타임에 핫스팟 코드를 최적화하고 컴파일하며 JavaScript의 실행 효율을 크게 향상시킵니다.

Python은 데이터 과학 및 자동화에 더 적합한 반면 JavaScript는 프론트 엔드 및 풀 스택 개발에 더 적합합니다. 1. Python은 데이터 처리 및 모델링을 위해 Numpy 및 Pandas와 같은 라이브러리를 사용하여 데이터 과학 및 기계 학습에서 잘 수행됩니다. 2. 파이썬은 간결하고 자동화 및 스크립팅이 효율적입니다. 3. JavaScript는 프론트 엔드 개발에 없어서는 안될 것이며 동적 웹 페이지 및 단일 페이지 응용 프로그램을 구축하는 데 사용됩니다. 4. JavaScript는 Node.js를 통해 백엔드 개발에 역할을하며 전체 스택 개발을 지원합니다.
