일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | 5 | 6 | 7 |
8 | 9 | 10 | 11 | 12 | 13 | 14 |
15 | 16 | 17 | 18 | 19 | 20 | 21 |
22 | 23 | 24 | 25 | 26 | 27 | 28 |
29 | 30 |
Tags
- 이벤트 버블링
- 실행 컨텍스트
- 가상 dom
- 세션 스토리지
- undeclared
- 로컬 스토리지
- 자바스크립트의 클래스
- props와 state 차이점
- 주소창에 naver 입력시 일어나는 일
- react
- 리액트의 생명 주기
- 스코프 체인
- 이벤트 캡처링
- 변수 생성 단계
- 자바스크립트 함수
- webpack
- 클라이언트 사이드 렌더링
- 프로미스
- async/await
- 깊은 복사
- MPA
- 서버 사이드 렌더링
- CSS
- 리액트
- polyfill
- 호이스팅
- 자바스크립트
- 얕은 복사
- CORS
- 브라우저 렌더링원리
Archives
- Today
- Total
Gapus Dev Blog
[CS] npm에 대해 본문
npm
설명
- Node Package Manager의 약자로, Node.js 환경에서 패키지를 관리하기 위한 도구
- npm은 JavaScript 패키지를 설치, 관리, 업데이트, 제거하는 데 사용
- 다른 개발자들이 만든 오픈 소스 라이프버리나 도구를 손쉽게 사용할 수 있게 도와줌
기능
패키지 설치
- npm을 사용하여 원하는 패키지를 설치 가능
- 패키지는 npm 레지스트리에 등록되어 있으며, 패키지 이름을 사용하여 설치 가능
- 예를 들어, "npm install 패키지이름" 명령을 사용하여 패키지를 설치
패키지 관리
- npm은 설치된 패키지를 관리하는데 도움
- 패키지의 버전을 업데이트하거나 삭제 가능하며, 패키지의 의존성을 해결하여 필요한 다른 패키지를 자동으로 설치
- package.json 파일을 사용하여 프로젝트의 의존성을 관리
스크립트 실행
- npm은 프로젝트에서 사용할 수 있는 스크립트를 실행할 수 있는 기능을 제공
- package.json 파일의 scripts 항목을 사용하여 사용자 정의 스크립트를 등록하고,
"npm run 스크립트이름" 명령을 사용하여 스크립트를 실행 가능 - 이를 통해, 프로젝트의 빌드, 테스트, 배포 등을 자동화 가능
프로젝트 공유
- npm을 사용하여 자신이 개발한 패키지를 다른 사람과 공유 가능
- 자신의 패키지를 npm 레지스트리에 배포하여 다른 사람이 사용할 수 있게 가능하다.
설치 가능한 패키지 종류 예시
설명 | 명령어 | |
Express | 웹 애플리케이션을 개발하기 위한 빠르고 간편한 웹 프레임워크 | npm install express |
React | 사용자 인터페이스를 구축하기 위한 JS 라이브러리 | npm install react |
Lodash | 유틸리티 함수를 제공하는 JS 라이브러리 | npm install lodash |
Axios | HTTP 요청을 보내고 받기 위한 JS 라이브러리 | npm install axios |
Mongoose | MongoDB와 상호 작용하기 위한 객체 모델링 도구 | npm install mongoose |
패키지 설치, 관리, 업데이트, 제거하는 방법
패키지 설치
- "npm install 패키지이름" 명령을 사용하여 패키지를 설치
- 예를 들어, "npm install express" 명령은 Express 패키지를 설치한다.
- "--save" 옵션을 추가하여 package.json 파일의 dependencies에 패키지 정보를 자동으로 추가 가능
- 예를 들어 "npm install express --save" 명령은 Express 패키지를 설치하고 package.json 파일에 의존성을 추가
npm install express
npm install express --save
npm install express@버전
패키지 관리
- package.json 파일은 프로젝트의 의존성을 관리할 때 사용
- 패키지를 설치할 때 "--svae" 또는 "--save-dev" 옵션을 사용하면 해당 패키지의 정보가
자동으로 package.json 파일에 추가 - "npm list" 명령을 사용하여 현재 프로젝트에 설치된 패키지 목록을 확인 가능
npm list
패키지 업데이트
- "npm update 패키지이름" 명령을 사용하여 패키지를 최신 버전으로 업데이트 가능
- 예를 들어, "npm update express" 명령은 Express 패키지를 최신 버전으로 업데이트
npm update express
패키지 제거
- "npm uninstall 패키지이름" 명령을 사용하여 패키지를 제거 가능
- 예를 들어, "npm uninstall express" 명령은 Express 패키지를 제거한다.
- "--save" 옵션을 추가하여 package.json 파일에서 해당 패키지의 의존성을 자동으로 제거 가능
- 예를 들어 "npm uninstall express --save" 명령은 Express 패키지를 제거하고 package.json 파일에서 의존성을 제거
npm update express
npm uninstall lodash --save
'CS' 카테고리의 다른 글
[CS] CORS에 대해 (0) | 2023.12.06 |
---|---|
[CS] SPA와 MPA에 대해 (0) | 2023.12.05 |
[CS] 이벤트 캡처링과 이벤트 버블링에 대해 (0) | 2023.11.22 |
[CS] 이벤트에 대해 (0) | 2023.11.21 |
[CS] 객체 지향 프로그래밍(Object-Oriented Programming)에 대해 (0) | 2023.11.18 |