Component를 쓰는 이유
- 가독성
- 재사용성
npm
npm (노드 패키지 매니저/Node Package Manager)은 자바스크립트 프로그래밍 언어를 위한 패키지 관리자이다. 자바스크립트 런타임 환경 Node.js의 기본 패키지 관리자이다.
npm의 두 가지 기능
- 오픈 소스 Node.js 프로젝트 게시를 위한 온라인 리포지토리
- 패키지 설치, 버전 관리 및 종속성 관리를 지원하는 리포지토리와 상호 작용하기 위한 명령줄 유틸리티
자주 사용하는 명령어
- npm init : package.json을 생성 (package.json은 패키지에 대한 정보와 의존중인 버전에 대한 정보를 담고 있다.)
- npm install <package> : 현재 프로젝트에 package를 설치
-g 옵션을 사용하면 글로벌 패키지에 추가되어서 다른 프로젝트에서도 해당 패키지를 사용할 수 있다.- npm start : package.json의 script에 있는 start 속성에 지정된 임의의 명령을 실행한다. 만약 start 속성이 지정되어 있지 않으면 node server.js가 실행된다.
- npm run <command> : package.json의 script에 있는 command를 실행한다.
yarn
yarn(Yet Another Resource Negotiator)도 npm과 마찬가지로 자바스크립트 프로그래밍 언어를 위한 패키지 관리자이다. yarn은 페이스북에서 개발했다. npm의 성능과 보안문제를 해결하기위해 개발했다.
npm과 yarn
공통점
npm과 yarn은 프로젝트의 의존성을 관리해주기위한 패키지 관리자이다. 의존성은 프로젝트가 의지하는 것처럼 들리지만, 프로젝트가 적절하게 실행되기위해 필요한 소스의 조각이다. 프로젝트가 커지면 의존성을 관리하는 것이 어렵고 지루하기 때문에 패키지 관리자가 필요하다. 종속성을 관리한다는 것은 종속성을 포함, 포함 해제 및 업데이트하는 것을 의미한다.
lock file(패키지 잠금 파일 - package-lock.json, yarn.lock)
패키지 잠금 파일은 여러 개발자들이 서로 다른환경에서 개발하는 것을 방지하기위해 패키지 잠금 파일에 기록된 버전 기준으로 패키지를 설치한다.
npm은 package-lock.json 파일을, yarn은 yarn.lock 파일을 패키지 잠금 파일로 사용한다.
차이점
설치 절차
- npm : npm은 Node와 함께 자동으로 설치된다.
- yarn : yarn은 npm으로 설치해야 한다.
yarn의 장점
yarn은 npm에 비해 빠르고 안정적이며 보안이 강하다.
npm은 offine mode가 없지만 yarn은 offline mode가 있다.
npm은 local cache를 사용한다.
npm과 npx
- npm은 manager이고 npx는 execute이다.
- npx는 <command>가 $PATH에 있는지 또는 로컬 프로젝트 바이너리에 있는지 확인하고 실행한다. <command>를 찾을 수 없으면 실행 전에 설치됩니다.
Hi