티스토리 뷰
NPM (Node Package Manager)
Package : 누군가 따로 만들어놓은 node.js 모듈을 의미
NPM은 Node.js 에 필요한 패키지들을 관리한다.
즉, 다른 사람들이 만들어 놓은 모듈들을 받아서 사용할 수 있게 도와주거나 프로젝트를 관리하는데 큰 도움을 주는 도구이다.
Package 만들기
2. index.js 파일 생성
-> 프로젝트의 main js 파일을 생성 (진입파일)
3. Package 초기설정
-> terminal 에서 새로 생성한 폴더 경로 에서 npm init 명령어 실행
name: "package-example1" 입력 , main: "index.js" 입력 나머지 엔터 후 yes 입력
-> package.json 파일이 생성됨 (packge 관련 환경설정 파일)
* main : 패키지의 실행 파일 설정
* script : 패키지에서 자주 사용되는 명령어를 사전에 정의
4. package.json 파일 scripts 수정
5. npm start 명령어 실행
-> index.js 파일 실행
다른 Package 사용
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
다른 패키지들을 사용하기 위해선 terminal 에서 해당 패키지를 아래처럼 설치해줘야한다.
npm install [패키지명]
외부 package를 설치하고 나서, package.json 파일 dependencies 속성에 해당 패키지 버전 range를 표시해주고, 새로운 파일 node_modules와 package.lock json 가 생기게 된다.
node_modules : 설치한 외부 Package 들의 관련 코드들이 보관되어 있다.
package.lock json : 설치한 외부 Package 의 정확한 버전들이 기록되어 있다.
설치한 패키지는 다음과 같이 사용한다.
참고
'React' 카테고리의 다른 글
| [React] 입문 / JSX (0) | 2022.03.03 |
|---|---|
| [React] 입문 / Create React App 프로젝트 구성 (0) | 2022.03.03 |
| [React] 입문 / Create React App (0) | 2022.03.02 |
| [React] 입문 / React가 필요한 3가지 이유 (0) | 2022.03.02 |
| [React] Node.js / Common JS 모듈 시스템 (0) | 2022.03.01 |