npm 그리고 node.js

npm 그리고 node.js

 

NodeJS는?

node.js는 자바스크립트 실행할수있는 환경이다.

이를 이용하여 브라우저 밖에서도 자바스크립트를 사용가능하기에 네이티브 앱, 커맨드라인 명령어 개발, 프론트엔드 개발, 백엔드 개발 등에서 사용이 된다.

npm은?

npm은 자바스크립트로 이루어진 라이브러리를 관리하는 도구이다.

이를 이용하여 유용한 라이브러리들을 손쉽게 설치하고 삭제하고 설정을 관리할 수 있다.

 

npm init -y를 하면 기본값으로 package.json파일이 생성된다. 

 

package.json 파일 내부는 아래와 같다.

 

{
  "name": "npm",
  "version": "1.0.0",
  "description": "",
  "main": "index.js",
  "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1"
  },
  "author": "",
  "license": "ISC"
}

 

여기서 npm install react를 한다면 node_modules라는 폴더가 생기면서 react라는 폴더가 생기고 이 안에는 dist폴더가 생긴다. 이 dist폴더에는 여러 함수들과 압축된 파일이 존재한다.

package.json파일에 dependencies가 생긴다.

 

npm install 후 package.json파일

{
  "name": "npm",
  "version": "1.0.0",
  "description": "",
  "main": "index.js",
  "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1"
  },
  "keywords": [],
  "author": "",
  "license": "ISC",
  "dependencies": {
    "react": "^17.0.2"
  }
}

 

우리는 개발하면서 package.json파일에 자주 들릴 것이다. 이유는 프로젝트에 수많은 라이브러리들이 있고 라이브러리간의 호환이나 업데이트에 따른 버전관리를 해줘야하기 때문이다. 

 

정리해보면

 

npm을 이용하면 코드의 가독성이 좋아진다. npm이 없다면 해당 사이트에 들어가서 cdn을 복사해서 html코드에 넣어주어야한다. 수천개의 html줄에서 script부분만을 ctrl+F로 찾는 행위는 참 귀찮은 일이다. npm의 package.json만 이용하면 이럴 일이 없어진다. 

 

두번째로는 라이브러리간의 의존성을 줄여줄 수 있다. 연관이 있는 라이브러리들 간에 연관성이 있다고 가정할 때 하나는 업데이트가 되고 하나는 업데이트되지 않는다면 언어간의 오류가 생길 수 있다. package.json에 버전이 다 나와있으니 얼마나 편하게 조작이 가능한가? 

 

마지막으로 npm install의 지역설치와 전역설치에 대해 얘기하려고 한다.

npm install 사용방법

지역설치는 npm install react처럼 아무런 수식도 붙이지 않은 설치를 말한다. 

전역설치는 npm install react --global처럼 --global또는 --g를 붙여준 설치이다.

그럼 언제 지역설치를 하고 언제 전역설치를 해야할까?

지역설치는 개발하고 있는 해당 프로젝트에서만 사용할때 지역설치를 해준다. 

전역설치는 전체적으로 사용하고, 개발에 필요한 보조 라이브러리라고 판단될 때 전역설치를 해준다. 

참고로 지역설치는 node_modules폴더 아래에 전부 설치가 되고 전역설치는 시스템차원에서의 다른 디렉토리에 설치가 된다. 윈도우 : c:\Users\%USERNAME%\AppData\Roaming\npm\node_modules

dependencises vs devdependencises

dependencies : 배포용 라이브러리

devdependencies : 개발용 라이브러리

npm install webpack를 하면 dependencies가 생기고 npm install webpack --save-dev를 하면 devdependencies가 생기는데 차이점은 전자는 npm run build시에 같이 로드가 되고 후자는 로드되지않는다. 즉 브라우저를 킬때는 dependencies만 부하가 생긴다는 것이다. 이러한 것들을 잘 고려해서 전역으로 설치할지 지역으로 설치할 지 정하면 된다.

사실 해당 라이브러리 웹사이트에 들어가서 사용하는 방식을 이용하는 게 제일 좋다.