티스토리 뷰
1. npm (node package manage) 이란 ?
npm은 node.js 기반의 모듈을 모아둔 집합 저장소이다.
- it is a command-line utility for interacting with the said repository that aids in package installation, version management, and dependency management 패키지 설치, 버전 관리 및 종속성 관리를 지원하는 해당 저장소와 상호 작용하기 위한 명령줄 유틸리티입니다.
npm에 관한 것은 package.json에 정의가 되어 있습니다.
2. npm을 이용하여 모듈을 설치에는 두가지가 있습니다.
2-1. local에 설치하는 것 입니다.
npm install 모듈이름
npm install 모듈이름 으로 설치 할 때에는 ./node_modules/.bin 에 설치가 됩니다.
2-2. 글로벌 모듈이 있습니다.
npm install 모듈이름 -g
글로벌 모듈은 -g 옵션을 붙여 사용하며,
/usr/local/bin on Linux (Mac)
%AppData%/npm on Windows 에 설치 됩니다.
프로젝트 내에 설치되는 것이 아니라 pc 안의 글로벌한 공간에 모듈을 설치해 주는 것 입니다.
install 하는 NPM을 다른 프로젝트에서 쓰지 않는 다면 Global로 install 할 필요가 없습니다.
3. npx가 나오기 전, creat-react-app은 global 디렉토리에 다운을 받았습니다.
하지만 create-react-app 같은 모듈의 경우, 변경사항이 꽤나 잦은 모듈입니다. 그렇기 때문에 매 설치 전마다 npm으로 재 설치를 하지 않는 경우에는 이전 버전을 사용할 여지가 꽤 있습니다. 이런 프로젝트 생성 모듈은 매 업데이트마다 새로운 기능과 다양한 버그들이 고쳐집니다. 그리고 이런 보일러플레이트 같은 경우에는, 항상 최신 버전을 유지해 주는 것이 좋은데, 매번 설치하는 것이 꽤나 귀찮은 일입니다.
✔ 참조 : https://ljh86029926.gitbook.io/coding-apple-react/undefined/npm-npx
npm과 npx의 차이에 대해서 - React
리액트 프로젝트 생성 도구인 create-react-app 같은 모듈의 경우, 변경사항이 꽤나 잦은 모듈입니다. 그렇기 때문에 매 설치 전마다 npm으로 재 설치를 하지 않는 경우에는 이전 버전을 사용할 여지
ljh86029926.gitbook.io
npx create-react-app 을 설치할 경우, npx 가 npm registry에서 create-react-app을 찾아서 다운로드 없이 실행 시켜줍니다. npx는 항상 최신 버전을 사용할 수 있다는 장점과 pc 용량을 낭비 하지 않을 수 있다는 장점이 있습니다.
'프론트엔드 > React' 카테고리의 다른 글
React Router Dom (0) | 2023.02.02 |
---|---|
React Folder Structure (0) | 2023.02.02 |
Nodemon (0) | 2023.01.17 |
Node.js / express.js (0) | 2023.01.16 |
[React.js] QR Code 생성 (0) | 2021.08.17 |
- Total
- Today
- Yesterday
- 리액트 포탈
- 페이징 커스텀
- HTML
- node.js
- 제이쿼리
- npm
- excel down
- file-saver
- 개발
- 프론트엔드
- React.js
- css3
- react portal
- slick-slide
- 로그인폼
- 디자인시스템만들기
- 탭메뉴
- Portal
- paging-custom
- react excel 다운
- 슬릭 슬라이드
- 퍼블리셔
- 퍼블리싱
- excel custom
- frontend
- javascript
- 프론트엔드개발
- CSS
- react
- jQuery
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 | 31 |