NPM 시작

1. 플래그란?

--version , -v, --save-dev 이런 -(middle hyphen) 사용한 명령어들을 플래그라고 한다.

이제 우리가 쓸 모듈들을 설치해주고, 관리해주는 NPM을 깔아 보겠다.

우리가 NPM을 깔려는 파일을 선택하고, 그 파일 밑의 터미널에서 해당 명령어를 치면 된다.

명령어

npm init, npm init -y

npm init 만 치게 된다면, 그 후 우리는 우리가 설치한 NPM의 메타 데이터 정보를 따로 적어줘야 한다.

이러한 과정이 싫다면, npm init -y를 치면 된다. 이렇게 하면 메타 데이터 정보 적는 과정을 생략한다.

우리가 NPM을 깔면 밑과 같은 구조가 된다.

여기서 package-lock.json은 패키지 간의 관계, 위계질서가 기록 되어져 있는 곳이다.

package.json은 우리가 설치한 패키지들의 목록이 든 파일이다.

node_modules라는 폴더는 하나의 라이브러리로 우리가 깐 모듈들이 안에 들어있다.

.gitignore은 git version 관리 시, 무시할 파일들(버전 관리 안 받고 싶은 파일)을 적는 곳이다.

우리는 여기다가 node_modules를 적어주면 된다.

** 만약 우리가 Package를 실수로 삭제 했더라도, package.json, package-lock.json이 건재하다면,

npm install 명령어를 터미널에 치면 지운 게 다시 깔린다.

터미널이 package.json과 package-lock.json 두 파일을 열어다 보고, 지워진 게 있으면 자동으로 깔아주기 때문이다.

package.json 안 쪽은 앞의 설명과 같이 메타 데이터 들이랑, 깔린 의존 패키지의 목록이 적혀 있다.

**의존성이란?

외부에 다른 개발자가 만든 패키지를 쓰고 있다면, 의존성이 있다고 말할 수 있다.

** 이 때 주의할 점 **

package를 install 할 때 주의할 점이 있다.

해당 package가 개발할 때만 쓸 package인지, 아니면 웹 브라우저 동작할 때도 쓰여서 배포 용으로도 쓰일 package인 지 구분해서 install 해야 한다는 것이다.

만약 해당 package가 개발할 때만 쓰여서 배포할 때 굳이 따라 들어가서 용량 차지할 필요가 없다면,

install 시

npm install parcel --save-dev

라고 쳐주면 된다. 해당 parcel 파일은 배포 시 안 들어간다.

--save-dev는 축약 플래그로 -D로 적어줘도 된다.

배포에도 들어갈 시 뒤에 --save-dev 플래그를 빼주면 된다.