i vs i -D

ex)

npm i live-server
npm i -D live-server

차이는 웹을 전달받을 사용자가 라이브 서버가 필요한가? 이다
라이브 서버 같은 경우에는 당연히 사용자는 필요가 없다 서버를 통해서 바로 실시간으로 웹페이지가 보여지기 때문

하지만 gsap같은 동적인 프로그램을 사용해서 웹을 구성했다고 한다면

npm i -D

를 이용해야 할 것 이다 만약 gsap이 프로그램에 내장되어 있지가 않다면 내가 넣은 동적인 효과가 전혀 들어가 있지 않은 웹 페이지가 소비자에게 전달 될것이기 때문

-g

-g는 글로벌의 약자이다
--global로 쓸수도 있다
이것은 내 컴퓨터에 라이브러리를 저장 하는것이다

npm i -g live-server

이렇게 라이브서버 패키지를 내 컴퓨터에 깐다면
협업할때 다른 사람에게는 패키지가 깔려있지 않다

라이브러리

라이브러리 = 도서관
도서관에는 여러가지 책들이 있다
내가 도서관에서 책을 빌리려고 한다면 도서관 회원 등록 부터 진행 해야한다

npm init -y

이 코드로 회원등록을 한다

위에서 언급한 live server이라는 책을 빌려보자

npm i live-server

live server 라는 책을 install(설치) 즉 대여 한다는 뜻이다
만약

npm i -g live-server

으로 한다면 대여하는 것이 아닌 구매해서 내 집에다가 모셔두는 것
누군가가 내 집에 마음대로 들어와서 live server라는 책을 본다면 그건 범죄이다
하지만 나는 내가 산 내돈내산이기 때문에 언제든지 볼 수 있다
-g 를 붙이는 것은 장단점이 있으니 잘 생각하고 사용하도록 하자

pack-json

이렇게 대여한 책들은 도서관 장부에 적히게 된다
npm으로 패키지를 깔면 파일에 자동적으로 pack-json이라는 파일이 생기게 될텐데
이 파일이 장부이다
내가 깐 패키지들이 나열되어있다
남들이 git clone 으로 내 git 저장소에 있는 파일들을 클론 하면 이 패키지 제이슨 파일로 뭘 구동시켜야 하는지 알 수 있다

node-modulse, git ignore

내 집에 대여한 책들은 node-modulse에 저장되어있다
그래서 이렇게 패키지를 깔면
커밋하는 부분에 어마어마한 양의 파일들이 올라가 있는것을 볼수있다
그래서 git ignore로 노드 모듈스에 있는 파일들을 깃이 관리하지 않도록 해야한다

https://www.gitignore.io/

이 페이지에 가면 간단히 ignore 할 파일을 만들 수 있다