로컬 vs 전역 install 그게 뭔데!! (node_modules 의존성 설치 문제)

최근에 깃허브에 내 프로젝트를 업로드하다가 나의 또 다른 서브 깃허브 아이디로 프로젝트가 등재된 덕분에 vscode 터미널에서 깃허브 관련된 에러로 혼났다.ㅠ

 

그러다 디렉 구조가 꼬여버린 것을 발견...!!!

원래는 server>client>src/public/어쩌고~~ 였는데

server>client>client>??? 인 상태라 프로젝트를 cmd에서부터 다시 생성해서 복원했다. ㅡ.ㅡ

다시 생성하는 과정은 다음 글에서 한 번 작성해보겠다.

거두절미하고, 지금은 로컬과 전역 설치에 대해 이야기해보려 한다.

프로젝트 폴더를 바꿔서 다시 생성할 때 npm install을 통해 내가 가지고 있는 node_modules에 기재된 의존성을 자동으로 설치해주기도 하지만, 다시 직접 설치를 해줬어야 했기 때문에 알게 된 내용을 정리해본다.

 

 

결론

로컬 설치를 권장한다.

 

 

비교

설치	👍 로컬	전역
설치 위치1	VSCode 터미널에서 모두 설치 가능 어떤 터미널을 사용해도 상관없음
설치 위치2	프로젝트 폴더 내 npm install 패키지명
설치 위치가 가지는 의미	해당 프로젝트 내에서만 사용한다.	시스템 전체에서 사용될 수 있게 한다. 프로젝트 폴더와 관계없이 어떤 프로젝트에서든 명령어를 실행할 수 있게 함.
어디에 설치되는가	node_modules와 package.json > dependencies에 추가
어떤 패키지가 주로	axios react-router-dom	CLI도구 빌드 도구 ex) webpack, create-react-app, eslint 등
비교	`npm install axios`	전역 설치 시 -g 옵션 사용. ` npm install -g create-react-app`