[ NPM ] package.json과 package-lock.json의 차이 (npm install 오류 해결)

💬 개요

프로젝트 배포를 하려고 백엔드 개발하시는 분께 vue폴더를 드렸는데

npm install을 하는데 계속 멈추는 오류가 발생하였다.

이미 npm install을 한 상태에서 package-lock.json이 파일이 생긴 상태로 공유를 했었는데,

package-lock.json 파일을 삭제하고 npm install을 하니까 정상 작동 하였다.

 

📌 package.json 

npm을 이용해서 프로젝트에서 사용하는 외부 패키지의 의존성을 관리한다.

다수의 개발자들이 함께 개발을 한다면, 모든 개발자들이 동일한 개발 환경을 가지는 것이 중요하다.

 

📌 package.json   VS   package-lock.json

package.json : 버전정보를 저장할 때 version range를 사용한다.

    ( ex. "express" : "^4.16.1" = 4.16.1 버전 이상  →  express버전이 4.16.1에서 4.17로 업데이터 되었을 때, 처음 install한 개발자는 4.16.1 버전을 설치하고, 후속으로 install한 개발자는는 4.17 버전으로 설치가 된다.) 

 

package-lock.json : 버전 정보를 "정확히" 명시한다.

📌 package-lock.json 

- npm이 node_modules 트리 또는 package.json이 수정될 때 자동으로 생성된다.

- package.json을 사용하여 node_modules를 생성하지않고 package-lock.json을 사용하여 node_modules를 생성한다.

 

👉 package.json만 사용하면 개발자들 사이에서 각 패키지들의 버전정보가 일치하지 않는 문제가 발생하므로

      git과같은 저장소에 package-lock.json도 함께 push한다.

 

📌 package.json에 명확하게 버전 지정을 하면 되지 않나 ?

프로젝트에서 사용하고 있는 패키지의 중요한 버그 수정이 이루어질 때 마다 프로젝트의 package.json에 적혀있는 버전도 수정해야한다. 

때문에 package.json에서는 version range를 명시함으로써 귀찮음과 수고스러움을 덜해준다.

 

💬 개인적인 의문..

package-lock.json 파일도 같이 전송해야 오류가 발생하지 않는다고 했는데

나 같은 경우는 package-lock.json 파일이 있으면 오류가 발생했다.. 왤까