[Node.js] npm 프로젝트 초기 설정

김재우·2023년 12월 1일

JS

목록 보기
3/4

node.js

Node.js는 Chrome V8 JavaScript 엔진으로 빌드된 JavaScript 런타임입니다.
💡런타임 : 프로그래밍 언어가 구동되는 환경.

npm이란?

NPM(Node Package Manager)은
전 세계의 개발자들이 만든 다양한 기능(패키지, 모듈)들을 관리하는 JavaScript 라이브러리입니다.
Node.js를 설치하면 같이 설치되어 사용할 수 있습니다.
프로젝트에서 사용하는 라이브러리의 버전과 의존성을 관리하고,
cdn을 사용하지 않고, npm CLI(Command Line Interface)를 통해 자신이 작성한 패키지를 공개할 수도 있고 필요한 패키지를 검색하여 재사용할 수도 있습니다.

1. npm 초기화

프로젝트 터미널에 npm init -y을 입력합니다.

package.json 생성

• "name" : 폴더의 이름
• "version" : 프로젝트 버전
• "description" : 프로젝트 설명
• "main" : 프로젝트의 시작점이 되는 모듈 지정
• "script" : 프로젝트 내부에서 사용하는 스크립트들
• "keywords" : 프로젝트 검색에 참조되는 키워드
• "autohr" : 저작자
• "licence" : 프로젝트의 라이센스

2. parcel bundlr install

프로젝트 터미널에 npm install parcel-bundler -D을 입력합니다.

3. lodash install

프로젝트 터미널에 npm install lodash을 입력합니다.

lodash를 설치한 이후에 "dependencies" 항목이 추가 되었습니다.
다른 개발자들과 협업 시 외부 패키지는 제외하고 프로젝트 코드만 공유할 수 있도록 해줍니다.

4. parcel을 이용해서 프로젝트 생성


parcel은 나의 프로젝트에만 설치됐기 때문에 터미널에서 동작 시킬 수 없기 때문에
프로젝트를 실행시키기전에 "scripts:""dev": "parcel html파일경로"를 수정해 준 다음 터미널에 npm run dev를 입력해줍니다.

업로드중..

😀이제 생성된 주소를 클릭하면 프로젝트를 확인할 수 있습니다.

profile
프론트엔드 개발자를 꿈꾸는 사람

0개의 댓글