TIL) 패키지 매니저, 홈브류Homebrew, JavaScript 런타임, Node.js, nvm과 npm, package.json 제대로 알기, npm script

 

CLI 에디터 종류

vim(vi), emacs, nano, VScode 등등

 

👇CLI 환경에서 hello.js를 VScode로 여는 방법 👇

code hello.js

 

👇텍스트 에디터 nano를 실행하는 방법👇

nano hello.js  # hello.js 를 nano에서 엽니다.
nano # 그냥 실행할 수도 있습니다.

 

 

---

패키지 안에는 하나의 프로그램이 정상적으로 설치되고 동작하기 위한 모든 파일이 압축되어 있다.

패키지 매니저는 패키지의 설치, 변경, 삭제 등 관리를 편리하게 해주는 도구이다. 

ex)

리눅스의 패키지 매니저 => apt,

macOS의 패키지 매니저 => brew

node.js 생태계의 패키지 매니저 => npm 

 

 

홈브류Homebrew는 맥OSmacOS 용 패키지 매니지 애플리케이션이다.

 

 

---

brew 명령어 

• brew 자체 업데이트: brew update
• 업데이트 필요한 파일 조회: brew outdated
• 프로그램 업그레이드(업데이트): brew upgrade 프로그램 이름
• 프로그램 검색: brew search 검색어
• 프로그램 정보 확인: brew info 프로그램 이름
• 프로그램 설치: brew install 프로그램 이름
• 프로그램 삭제: brew uninstall 프로그램 이름
• 설치된 프로그램 보기: brew list

Homebrew 로 설치할 수 있는 유용한 프로그램 => wget (URL을 통해 파일을 다운로드하는 프로그램)

 

 

* 개발자는 터미널 메시지를 주의 깊게 보는 습관을 가지는 것이 좋다. 에러 메시지 뿐만 아니라 터미널에 출력된 모든 메시지에 집중하는 습관을 가지기!

 

 

---

런타임이란?

프로그래밍 언어가 구동되는 환경, 즉 어떤 프로그램이 동작할 때, 프로그램이 동작하는 곳

 

JavaScript 런타임 : 크롬, 사파리와 같은 웹 브라우저, Node.js

 

nvm(Node Version Manager)= Node.js의 다양한 버전을 관리하는 프로그램 (Node.js의 다양한 버전을 쉽게 설치할 수 있다. )

npm(Node Package Manager) = 필요한 모듈을 다운로드할 수 있는, 모듈들이 모여있는 모듈 스토어

 

• 설치 후 정상적으로 설치가 완료되었는지 확인하는 방법 => version 물어보기
• Node.js로 JavaScript 파일 실행하기 => node <file_name> 명령어를 프롬프트에 입력하기

nano helloWorld.js # helloWorld.js라는 이름의 파일을 텍스트 에디터 nano로 열기

• 설치한 Node.js를 업그레이드하기 👇

nvm install 12.18.3 #버전 넘버

 

 

 

---

• 남이 만들어놓은 모듈을 node.js 에서는 npm 모듈이라는 이름으로 부르며, 이에 대한 정보를 담아둔 곳이 package.json 이다.

 

• npm(Node Package Manager) = 필요한 모듈을 다운로드할 수 있는, 모듈들이 모여있는 모듈 스토어

 

<정리>

리눅스의 패키지 매니저 => apt,

macOS의 패키지 매니저 => brew

node.js 생태계의 패키지 매니저 => npm 

 

 

• package.json에는 프로그램을 실행시키기 위해 필요한 모듈들이 무엇인지, 프로그램을 실행시키는 방법, 프로그램을 테스트하는 방법 등이 명시되어 있다. 
• package.json에는 어떤 모듈인지만 적혀 있고(제품 카탈로그처럼), 프로그램을 실행시키기 위해 필요한 실제 모듈은 따로 node_modules이라는 폴더에 저장된다.
• package.json이 주는 또 하나의 이점은 프로젝트 코드를 전달할 때, 포함하고 있는 모든 모듈을 다 전달하지 않아도 된다. package.json에서 필요하다고 하는 모듈을 npm을 이용해 다운로드하면 된다. npm install 명령어를 입력하면, package.json에서 필요하다고 하는 모듈을 다운로드한다. npm install이 완료되면 node_modules 디렉토리가 생긴 걸 확인하실 수 있다.
• package.json의 devDependencies에는 이 프로젝트를 개발하는 환경에서 필요한 모듈들이 무엇인지가 적혀 있다.

package.json의  devDependencies

[참고]JSON 형식에서, 키에 적힌 것은 모듈 이름입니다. 값은 버전이다.

 

• npm install을 이용하면, npm에 있는 모듈을 설치할 수 있는데, 이때 --save-dev 옵션과 함께 설치하면, 자동으로 devDependencies에 추가된다.

$ npm install mocha --save-dev

 

• package.json의 dependencies는 프로젝트가 돌아가기 위해 반드시 필요한 모듈들이 무엇인지가 적혀 있다. 

이 프로젝트에서는 React라는 라이브러리를 사용하고 있다.

 

• --save 옵션과 함께 설치하면, 자동으로 dependencies에 추가된다. --save 옵션은 생략해도 ok.

$ npm install react
or
$ npm install --save react

 

 

우리가 흔히 하는 npm install은 package.json에 있는 dependency (의존성 모듈)를 바탕으로 설치한다. 

만약 dependency 정보를 적지 않았다면 => 코드에서는 해당 모듈을 쓰고 있지만, 무엇을 설치해야 이 프로그램이 작동되는지, 무엇을 설치해야 이 프로그램을 개발할 수 있을지 알 수가 없을 것이다.

 

 

• scripts 항목은 CLI에서 사용 가능한 명령을 기술한다. (npm script) / CLI에서 실행할 때에는 "npm run <스크립트 이름>" 으로 실행

 

---

<핵심 정리>

 

---

설치 중 무언가 잘못되고 있다고 느껴지는 경우

너무 시간이 오래 걸리거나, 뭔가 과정 중에 예상치 못하게 멈춰있는 경우

강제 종료의 방법 => Ctrl + C 키 // 작업을 취소하고, 터미널의 사용자 입력을 다시 되찾아오는 역할을 한다.