Node.js 개발 환경 설치

개발 환경 설정

Page content

단계별 지침을 통해 Node.js와 지원 도구를 설치하는 방법.

Node.js 로고

언제

새로운 맥북이나 리눅스 재설치 후, Node.js 개발자는 자신(또는 다른 선호하는 발음)의 선호하는 도구를 설치하는 것이 다음 단계입니다. 여기서 저는 이 작업을 수행하는 순서를 나열할 것입니다.

어디서

저는 우분투 리눅스 민트 플라버를 사용하고 있으므로 대부분의 설치는 디비안/우분투 저장소와 패키지에 기반합니다.

어떻게

패키지 관리자로 Node.JS 설치

sudo apt-get update
sudo apt-get upgrade

sudo apt-get install nodejs npm

현재는 npm v 9.2.0이 설치됩니다.

Node.js 런타임을 Node.js 공식 사이트에서 설치

https://nodejs.org로 이동하여 운영체제에 맞는 Node.js를 다운로드합니다.

리눅스의 경우 현재 사용 가능한 LTS 버전은 v20.16.0입니다.

다음 작업이 필요합니다:

  • 다운로드
  • 선호하는 앱 폴더에 압축을 풀기
  • bin 하위 폴더를 PATH에 추가

저의 선호하는 방법은 다음과 같습니다:

NVM과 함께 Node.js 설치

Node Version Manager (NVM)은 github 페이지에서 확인할 수 있습니다.

# NVM(Node Version Manager) 설치
wget -qO- https://raw.githubusercontent.com/nvm-sh/nvm/v0.40.1/install.sh | bash
# 또는
# curl -o- https://raw.githubusercontent.com/nvm-sh/nvm/v0.40.1/install.sh | bash

# 터미널을 다시 열고
# NVM이 올바르게 설치되었는지 확인
nvm --version

# Node.js를 다운로드 및 설치 (터미널을 재시작해야 할 수도 있음)
nvm install 20

# 환경에 올바른 Node.js 버전이 있는지 확인
node -v   # v20.17.0 또는 이후 v20 버전을 출력해야 함

# 환경에 올바른 npm 버전이 있는지 확인
npm -v    # 10.8.2 또는 이후 버전을 출력해야 함

설치된 Node.js 버전 목록을 보려면 다음 명령어를 사용합니다:

nvm ls

이 명령어는 사용 가능한 버전 목록과 활성 버전을 상단에 표시합니다. nvm ls 응답

다른 버전으로 전환하려면 다음 명령어를 사용합니다:

nvm use 18
nvm use 20

VS Code 설치

특히 다음 확장 프로그램이 필요합니다:

  • ESLint
  • Prettier (Prettier - Code formatter)
  • Node.js Modules IntelliSense

이 확장 프로그램은 VS Code 확장 탭에서 수동으로 검색하거나 Launch VS Code Quick Open (Ctrl+P)에서 실행하여 설치할 수 있습니다:

ext install ESLint
ext install Prettier - Code formatter
ext install Node.js Modules IntelliSense

Git 및 Docker 설치

이에 대한 자세한 내용은: 리눅스 재설치 문서를 참조하십시오.

다음 명령어로 올바르게 설치되었는지 확인할 수 있습니다:

git --version
docker --version

간단한 Node.js 애플리케이션 생성

로컬 폴더를 생성합니다.

cd ~
mkdir test-njs
cd njs

npm init을 실행하고 프롬프트에 따라 진행합니다.

npm init

다음과 같은 출력이 나타납니다:

npm init 응답

이제 app.js 파일을 생성하고 실행해 보세요! 간단한 API를 생성하기 위해 다음 코드를 추가합니다:


const http = require ('http');
const hostname = '127.0.0.1';
const port = 3000;

const server = http.createServer((req, res) => {
    res.statusCode = 200;
    res.setHeader('Content-Type', 'text/plain');
    res.end('Hello Node\n');
});

server.listen(port, hostname, () => {
    console.log(`Server running at http://${hostname}:${port}`)

});

이제 VS Code 터미널(Ctrl+~)로 이동하여 다음을 입력합니다:

node app.js

다음 메시지를 보게 됩니다:

Server running at http://127.0.0.1:3000

이 URL로 이동하려면 (Ctrl+L클릭)하고, 기본 브라우저 창에서

Hello Node

를 볼 수 있습니다.

좋습니다!

유용한 링크