게발 환경 세팅 (node.js / npm / nvm) 21.04.05
in Dev on Java Script
Homebrew
Homebrew : 오픈 소스 소프트웨어 패키지 관리(설치,업그레이드,삭제 등) 시스템
- brew 명령어
#프로그램 검색:
brew search 검색어
#프로그램 정보 확인:
brew info 프로그램이름
#프로그램 설치:
brew install 프로그램이름
#brew 자체 업데이트:
brew update
#프로그램 업그레이드:
brew upgrade 프로그램이름
#프로그램 삭제:
brew uninstall 프로그램이름
#설치된 프로그램 보기:
brew list
#설치된 프로그램 실행
프로그램이름
- 터미널 내 종료 방법 : Ctrl + C
Homebrew로 프로그램 설치
- ex 01 : URL을 통해 파일을 다운 받기
$ wget -O goodjob.txt https://bit.ly/37sJqCo
// 현재 디렉토리에 goodjob.txt라는 파일이 만들기.
wget :URL을 통해 파일을 다운로드 받는 프로그램.
- ex 02 : neofetch Neofetch : bash 3.2 이상으로 작성된 커맨드라인 시스템 정보 툴. 운영 체제, 소프트웨어 및 하드웨어에 대한 정보를 시각적 방식으로 표시.
// 설치
$ brew neofetch
//실행 방법 : 프로그램이름
$ neofetch
JavaScript Runtime
- 런타임 : 프로그래밍 언어가 구동되는 환경. 어떤 프로그램이 동작할 때, 프로그램이 동작하는 곳. JavaScript를 이용해서 코드를 적고 실행할 때, 실행되는 곳이 런타임. ex: 웹브라우저(Chrome, Breave, etc…), Node.js
Node.JS
이전에는 JavaScript 런타임이 웹 브라우저 밖에 없었지만 node.js라는 새로운 JavaScript 런타임의 등장으로, JavaScript가 브라우저가 아닌곳에서 실행될 수 있게 되었고 JavaScript를 이용해서 웹 페이지 뿐만 아니라 서버와 같은 다른 프로그램 프로그래밍 가능
즉, JavaScript 코드를 브라우저와 node.js 환경 모두 실행 가능
node.js에서 코드 실행 방법
// runnode.js
const testFunction = function(arg){
console.log("Arg is : ", arg);
}
testFunction(20);
위 코드를 node.js 런타임 환경에서 실행 시키는 방법.
- HTML script 태그 내에 JavaScript 코드를 작성하면, 이 코드는 웹 브라우저에서 동작. 위 JS 파일을 브라우저에서 실행시키려면, html 파일을 만들고 위 파일과 연결하면 된다.
<!-- test.html -->
<script src="runnode.js"></script>
- CLI 환경에서 node 파일이름 명령어를 프롬프트에 입력하면 작성한 코드가 node.js라는 런타임에서 실행
파일 생성
$ touch [파일명.확장자]
텍스트 변경 관련
$ vim [수정할 파일명.확장자]
// 터미널 화면 전환
// 텍스트 변경
i
// 아래 명령어를 실행하기전 텍스트 밖으로 나와야 한다.
Ctrl + C
// 수정 내용 저장
:w
// 수정 종료
:q
// 수정 내용 저장하고 종료하기
:wq
// 실행 취소 (이전 코드로)
u
그 후, 명령어 실행 : node 파일명
$ node runnode.js
// Arg is : 20이 터미널에 표시된다.
nvm, Nodejs, npm 설치 및 버전 확인
nvm(Node Version Manager) : Node.js의 버전 관리 도구. 협업 시, 또는 다양한 프로젝트를 동시에 진행해야 할 때 다양한 라이브러리 / 프레임워크 / 개발툴의 버전 호환 문제를 겪기 떄문에 Node.js 버전을 쉽게 변경할 수 있게 해준다.
- nvm 설치
$ wget -qO- https://raw.githubusercontent.com/nvm-sh/nvm/v0.37.2/install.sh | bash
- nvm 버전 확인
$ nvm --version
- not found 문제 해결 방법 (Mac Catalina)
Mac Catalina zsh에서 nvm not found 해결방법 (bash로 사용하기)
Nodejs, npm 설치 및 버전 확인
- node.js 설치 node를 설치하면 가장 최신 버전과 LTS(Long Term Support) 버전 선택 가능
$nvm install --lts
- 버전 확인
$ node --version
$ npm --version
nvm 사용법
NVM(Node Version Manager)을 통해 통해 간단한 명령어로 node를 설치하고, 다양한 node version을 손쉽게 옮겨 다닐 수 있다.
- 현재 nvm을 통해 설치한 node version 리스트
$ nvm ls
- 설치하고 싶은 node 버전 인스톨
$ nvm install 12.18.3
사용중인 node version을 다른 버전으로 변경
nvm use [버전넘버]
// ex : nvm use 12.18.3, nvm use 14.15.5
nano : 터미널 에디터
VS 코드 같은 GUI 에디터가 있는데 터미널에서 에디터를 사용해하는 이유 : AWS(Amazon Web Service)와 같은 원격 서버 환경에 접근하려면, 원격에서 텍스트 파일을 편집해야 하는 상황이 필연적으로 발생. 따라서, 터미널에서 자유자재로 다룰 수 있는 에디터 필요.
nano 사용법
- nano 실행 (파일 열기)
# 빈파일로 실행
$ nano
# hello.js 를 nano에서 열기
$ nano hello.js
- 파일 열기
$ nano 파일이름
- nano 단축키 (단축키 : ^X - Ctrl + X 를 의미)
파일 편집 후 종료 : 파일 내용을 편집하고 난 후 ^X (Ctrl + X). y와 n으로 저장 여부 결정
파일 저장 : Crtl + O (^O :WriteOut)
