들어가며

자바스크립트는 인터넷 웹브라우저에서만 동작하도록 만들어진 개발언어라고 합니다. 그리고 역사가 늘 그렇듯이, 초천재가 나타나죠. 그는 브라우저 바깥(예. 서버)에서도 자바스크립트 코드를 자유롭게 실행할 수 있는 런타임 환경을 만듭니다. 그게 바로 node.js 입니다. nodejs라고도 부르고, 그냥 간단하게 node라고도 하죠. (저는 nodejs라고 쓰는 걸 선호해요 😇)

nodejs에 대한 자세한 내용은 공식 홈페이지를 참고하시기 바랍니다.
nodejs 공식 홈페이지 바로가기

이 글에서는 nodejs를 시작하는 방법을 알아봅니다.
가장 직관적인 설치방법은 공식 홈페이지에서 nodejs 프로그램을 직접 다운로드 받아서 설치하는 겁니다. 하지만 대부분의 개발자들은 이 방법을 선호하지 않는다고 하네요. 다운로드 받아 설치하면 단일버전의 nodejs가 설치되는 건데, 이 경우 다양한 nodejs 버전에서 개발된 자바스크립트 패키지들을 유연하게 활용할 수 없기 때문이라고 합니다.

nodejs를 설치하는 방법은 여러가지가 있으나, 최근의 가장 인기있는 방법은 nvm을 이용하는 겁니다.

nvm

nvm은 Node Version Manager의 약자입니다. 버전관리를 한다고 하니까 좀 어렵게 느껴지는 데, 그냥 nodejs를 설치하는 도구라고 생각하면 됩니다. nvm을 이용하면, 한 컴퓨터에 다양한 버전의 nodejs를 설치할 수 있습니다.

nvm에 대해 좀더 자세한 내용이 필요하면 공식 repository를 방문해주세요
nvm 공식 repository 바로가기

nvm를 설치하는 방법은 간단합니다. 터미널을 열고 아래 내용을 복붙해서 실행시키면 끝~ 😙

$ curl -o- https://raw.githubusercontent.com/nvm-sh/nvm/v0.39.1/install.sh | bash

nvm이 성공적으로 설치되었다면, 이제 터미널에서 nvm 이라는 명령어를 쓸 수 있습니다.
제대로 설치되었는지 확인해 볼까요? nvm -v 또는 nvm --version 이라는 명령어를 통해, 설치된 nvm의 버전을 확인할 수 있습니다.

$ nvm -v
0.39.1

잘 설치되었네요!

(참고) nvm 명령어가 실행 안되는 경우

여러가지 이유가 있을 수 있는데요, 만약 터미널에서

$ nvm -v
zsh: command not found: nvm

이런 메시지가 보인다면, nvm이 설치되었다는 것을 터미널에서 아직 인식하지 못했다는 뜻입니다. 이 경우에는 터미널을 재시작하거나, 아래의 명령을 실행해주세요. (맥 환경 기준입니다)

$ source ~/.zshrc

nodejs 설치하기

이전 단계에서 nvm을 설치했으니까, 이제 nodejs를 설치해야겠죠?

# nodejs 버전 12 설치하기
$ nvm install 12

# nodejs 버전 12 사용하기
$ nvm use 12

# nodejs 버전 12를 앞으로 디폴트로 사용하기
$ nvm alias default 12

여기까지 에러없이 진행되었다면, nodejs 설치가 끝난 거예요. 이제 앞으로 터미널을 열 때 마다 버전 12의 nodejs가 실행될 겁니다. 물론 어떤 버전을 사용할 지는 up to you~ 🤡

nvm의 다른 명령어를 알고 싶다면, 여기를 참고해주세요.

npm

nodejs를 설치하는 것만으로 이 글을 끝내면 좋겠지만 🥲... npm은 꼭 언급하고 넘어가야할 듯 합니다. npm은 Node Package Manager의 약자(nvm과 겨우 스펠링 하나 차이니까 유의해주세요!)예요. 전 세계의 날고 기는 개발자들이 nodejs 기반으로 오픈소스 패키지를 만들어 배포하고 있는데, npm은 이들 패키지들을 효과적으로 관리하는 도구입니다. 온라인 패키지 저장소인 npmjs는 세계 최대의 패키지 저장소예요. 현존하는 모든 개발언어들을 포함해서요! 👍

고맙게도, nodejs를 설치하면 npm이 자동으로 설치됩니다. 설치여부는, npm 버전을 확인해보면 알 수 있어요.

$ npm -v
8.5.3

예상대로, 잘 설치되어 있네요. (👉 터미널에서 npm 이라는 명령어를 쓸 수 있다는 의미)

가장 일반적인 npm 사용법은 nodejs 패키지를 설치하는 경우입니다. 매우 유명한 패키지인 axios를 설치해볼까요? npmjs 페이지에서 "axios" 로 검색하면, 해당 패키지에 대한 상세페이지로 접속할 수 있습니다.

설치방법은 간단합니다. (물론 상세페이지에 나와있긴 합니다)

# 설치 명령어
$ npm install axios

# 실행하면 아래부분이 나와요
added 2 packages, and audited 3 packages in 776ms

1 package is looking for funding
  run `npm fund` for details

found 0 vulnerabilities

npm이 블라블라 말이 많긴 한데요, 어쨋든 설치가 잘 되었다는 뜻입니다. 😅

axios는 프로미스(promise) 기반의 비동기 http 통신을 편리하게 사용할 수 있게 도와주는 패키지입니다. 무슨 말인지 모르겠다고요? 상관없습니다. 이 글의 목적은 nodejs과 첫 대면 하는 것에 집중합니다. 무궁무진한 패키지의 세계는 차츰 알아가도 좋아요. 🍵

npm의 다른 명령어들을 알고 싶으면 제로초님의 블로그를 참고해주세요.

오늘도 수고했어요!