웹사이트 검색

Windows에서 Node.js를 설치하고 로컬 개발 환경을 만드는 방법


작성자는 DOnations 프로그램에 쓰기를 선택했습니다.

소개

둥지 프레임워크. JavaScript 애플리케이션을 구축하려면 로컬 노드 환경이 필요합니다.

이 자습서에서는 Windows 컴퓨터에 대한 로컬 Node.js 프로그래밍 환경을 설정합니다.

전제 조건

관리 액세스 권한이 있고 인터넷에 연결된 Windows 10을 실행하는 데스크톱 또는 랩톱 컴퓨터가 필요합니다.

1단계 — 노드 버전 관리자를 사용하여 Node.js 설치하기

Node Version Manager 또는 NVM은 컴퓨터에 Node.js를 설치하는 기본 방법입니다. NVM을 사용하면 한 번에 여러 버전의 Node.js를 유지할 수 있으므로 여러 프로젝트에 특정 Node 버전을 사용해야 하는 경우에 유용합니다. NVM에는 이 단계에서 Node.js를 설치하는 데 사용할 Windows 버전이 있습니다.

최신 버전을 얻으려면 NVM-windows 릴리스 페이지를 방문하십시오. 이 튜토리얼을 작성하는 시점에서 최신 NVM 버전은 1.1.9입니다.

자산 섹션으로 스크롤하고 nvm-setup.exe를 클릭하여 컴퓨터의 다운로드 폴더에 설치 파일을 다운로드합니다.

다운로드가 완료되면 다운로드 위치로 이동하고 nvm-setup.exe 파일을 두 번 클릭하여 설치 프로세스를 시작합니다.

설치 마법사가 로드되고 도구의 대상 폴더와 같은 선택할 수 있는 옵션을 제공합니다.

설치 프롬프트에 따라 컴퓨터에 NVM을 설치합니다.

그런 다음 컴퓨터에서 관리자 권한으로 터미널, 명령 프롬프트 또는 PowerShell을 엽니다.

이 명령을 사용하여 NVM 설치를 확인하십시오.

  1. nvm -v

NVM 버전 번호와 함께 다음 출력이 표시됩니다.

Output
Running version 1.1.9. ...

다음 명령으로 설치할 수 있는 노드 버전을 확인할 수 있습니다.

  1. nvm list available

노드 버전 목록이 표시됩니다.

Output
| CURRENT | LTS | OLD STABLE | OLD UNSTABLE | |--------------|--------------|--------------|--------------| | 18.7.0 | 16.16.0 | 0.12.18 | 0.11.16 | | 18.6.0 | 16.15.1 | 0.12.17 | 0.11.15 | | 18.5.0 | 16.15.0 | 0.12.16 | 0.11.14 | | 18.4.0 | 16.14.2 | 0.12.15 | 0.11.13 | | 18.3.0 | 16.14.1 | 0.12.14 | 0.11.12 | | 18.2.0 | 16.14.0 | 0.12.13 | 0.11.11 | | 18.1.0 | 16.13.2 | 0.12.12 | 0.11.10 | | 18.0.0 | 16.13.1 | 0.12.11 | 0.11.9 | | 17.9.1 | 16.13.0 | 0.12.10 | 0.11.8 | | 17.9.0 | 14.20.0 | 0.12.9 | 0.11.7 | | 17.8.0 | 14.19.3 | 0.12.8 | 0.11.6 | | 17.7.2 | 14.19.2 | 0.12.7 | 0.11.5 | | 17.7.1 | 14.19.1 | 0.12.6 | 0.11.4 | | 17.7.0 | 14.19.0 | 0.12.5 | 0.11.3 | | 17.6.0 | 14.18.3 | 0.12.4 | 0.11.2 | | 17.5.0 | 14.18.2 | 0.12.3 | 0.11.1 | | 17.4.0 | 14.18.1 | 0.12.2 | 0.11.0 | | 17.3.1 | 14.18.0 | 0.12.1 | 0.9.12 | | 17.3.0 | 14.17.6 | 0.12.0 | 0.9.11 | | 17.2.0 | 14.17.5 | 0.10.48 | 0.9.10 |

Node에는 장기 지원을 위한 Current 및 LTS의 두 가지 주요 버전이 있습니다. 개발을 위해서는 LTS 버전을 설치하는 것을 권장합니다. 사용할 노드 버전에 대한 자세한 내용을 읽을 수도 있습니다.

그런 다음 다음 명령을 사용하여 이 목록에서 최신 LTS 버전을 설치합니다.

  1. nvm install 16.16.0

Node.js 버전 16.16.0이 컴퓨터에 설치됩니다.

Output
Downloading node.js version 16.16.0 (64-bit)... Extracting... Complete Installation complete. If you want to use this version, type nvm use 16.16.0

컴퓨터에 설치된 노드 버전을 검토합니다.

  1. nvm list

사용 가능한 노드 버전 목록이 표시됩니다.

Output
16.16.0 * 16.15.0 (Currently using 64-bit executable) 14.16.0 8.12.0

설치된 버전이 두 개 이상인 경우 nvm use를 사용하여 이 목록에서 다른 버전을 선택하여 사용할 버전을 지정할 수 있습니다.

  1. nvm use 16.16.0

다음과 같은 출력이 표시됩니다.

Output
Now using node v16.16.0 (64-bit)

다음 명령을 사용하여 노드 버전을 확인합니다.

  1. node --version

출력에 노드 버전이 표시됩니다.

Output
v16.16.0

Node는 또한 NPM(Node Package Manager)을 설치하여 Node 패키지를 설치하고 관리합니다. 다음 명령을 사용하여 NPM 버전을 확인합니다.

  1. npm --version

출력에 NPM 버전이 표시됩니다.

Output
8.11.0

이 단계에서는 Node.js를 설치했습니다. 로컬 개발 환경 설정을 완료하려면 다음 단계에서 설치할 Windows 컴퓨터에 Git Bash도 필요합니다.

2단계 — Git Bash 설치

이 단계에서는 컴퓨터에 Git Bash를 설치합니다. Git은 널리 사용되는 버전 제어 시스템인 반면 Bash는 Linux 운영 체제용으로 널리 사용되는 터미널 프로그램입니다.

Windows 사용자는 내장된 Windows 명령 프롬프트 또는 PowerShell을 사용하여 대부분의 작업을 수행할 수 있습니다. 그러나 Linux 기반 명령은 최신 개발 워크플로의 표준입니다. Bash 명령을 사용하고 배우면 대부분의 프로그래밍 자습서를 따를 수 있습니다.

Windows 11을 실행 중이거나 최신 개발 버전의 Windows 10이 있는 경우 winget 명령줄 유틸리티를 사용하여 Git을 설치할 수 있습니다.

  1. winget install --id Git.Git -e --source winget

winget 도구는 Windows 패키지 관리자 서비스에 대한 클라이언트 인터페이스입니다.

--id 플래그는 고유 ID로 식별되는 패키지를 설치하도록 winget에 지시합니다. -e 또는 exact 플래그에는 대소문자를 구분해야 합니다. --source 플래그는 지정된 소스(이 경우 winget 리포지토리)에서 설치를 보장합니다.

Git 웹 사이트를 방문하여 설치 마법사로 Git Bash를 설치할 수도 있습니다.

설치 마법사를 사용하도록 선택한 경우 다운로드가 완료되면 기본 설정으로 설치 파일을 실행할 수 있습니다.

Git 설치를 확인하려면 다음 명령을 실행합니다.

  1. git --version

버전이 표시됩니다.

Output
git version 2.30.2.windows.1

컴퓨터에 필요한 도구가 있으면 이제 간단한 Node.js 프로그램을 만들어 모든 것이 예상대로 작동하는지 테스트할 수 있습니다.

3단계 - 간단한 프로그램 만들기

이 단계에서는 간단한 "Hello, World\ 앱을 만들어 Node.js 런타임을 테스트합니다.

방금 설치한 Git Bash 앱을 엽니다. 그런 다음 다음 명령을 사용하여 명령줄 텍스트 편집기인 nano로 새 파일을 만듭니다.

  1. nano hello.js

또는 VSCode와 같은 선호하는 편집기에서 이 파일을 열 수 있습니다.

hello.js 파일에 다음 줄을 추가합니다.

let message = "Hello, World!";
console.log(message);

먼저 Hello, World! 문자열로 message 변수를 정의합니다. 그런 다음 console.log는 파일이 실행될 때 message 변수의 내용을 표시합니다.

파일을 저장하고 닫습니다.

이제 Node로 이 프로그램을 실행합니다.

  1. node hello.js

프로그램이 실행되고 화면에 출력이 표시됩니다.

Output
Hello, World!

Node.js를 사용하면 브라우저 없이 JavaScript 코드를 실행할 수 있으므로 hello.js 파일을 실행할 수 있습니다.

결론

노드는 강력한 JavaScript 런타임 환경입니다. 이 자습서에서는 Windows 10에서 로컬 노드 개발 환경을 만들었습니다.

이제 Windows에서 로컬 개발 환경을 설정했으므로 Express용 자습서를 따라 노드 서버를 설정하고 프런트 엔드 애플리케이션 구축을 시작할 수 있습니다.