요즘 가장 주목받는 기술인 Node.js를 배우기로 결심했는데, 운영체제가 Windows라면 잘 찾아오셨습니다. 개발을 시작하려는 분들을 보면 대부분 Mac이나 Linux 환경에서 Node.js 개발을 하는 경우가 많고, 강의를 듣는다면 강사 역시 그런 환경일 가능성이 높습니다. 하지만 굳이 플랫폼을 바꿀 필요는 없습니다. Windows만으로도 어떤 개발이든 충분히 시작할 수 있기 때문입니다. 이 글에서는 Windows 컴퓨터에 쾌적한 Node.js 개발 환경을 구축하는 방법을 단계별로 안내합니다.
Windows에서 Node.js 개발 환경 설정하기
이 글의 목표는 바로 코딩을 시작할 수 있도록 컴퓨터를 개발 준비 상태로 만드는 것입니다. 설치할 항목은 다음과 같습니다.
- Node.js 본체
- Git
- 최신 코드 에디터
- MongoDB (선택 사항)
그럼 지금부터 하나씩 살펴보겠습니다.
1. Node.js 설치
간단히 소개하자면, Node.js는 구글 크롬의 V8 자바스크립트 엔진을 기반으로 만들어진 오픈소스 크로스플랫폼 JavaScript 런타임 환경입니다. Node.js를 사용하면 자바스크립트로 애플리케이션을 작성하고 서버 백엔드에서 실행할 수 있습니다. '크로스플랫폼'이라는 말은 실제로 그 의미대로, Windows에 Node.js를 설치하고 애플리케이션을 배포하는 것까지 모두 가능합니다.
Node.js 공식 웹사이트에서 다운로드할 수 있으며, 처음 배우는 단계라면 LTS(Long Term Support) 버전을 다운로드하는 것이 좋습니다. LTS 버전은 장기간 안정적인 지원을 받을 수 있어 학습용으로 적합합니다.
다운로드가 완료되면 설치 프로그램을 실행합니다. 특별히 변경할 설정 없이 '다음(Next)' 버튼만 누르면 됩니다. Node.js 설치에는 NPM(Node Package Manager)이 함께 포함되어 있는데, NPM은 서드파티 모듈을 내려받고 설치할 때 반드시 필요한 도구로, 앞으로 매우 자주 사용하게 됩니다. 따라서 설치 과정에서 이 설정을 제거하지 않도록 주의하세요. 또한 설치 프로그램이 PATH 환경 변수를 자동으로 수정해 주기 때문에 CMD에서 곧바로 npm 명령어를 실행할 수 있습니다. 설정을 직접 조정하고 싶다면 '사용자 지정 설치(Custom Setup)'를 선택하면 되지만, 특별한 이유가 없다면 기본 설치를 권장합니다.
설치가 끝나면 시작 메뉴에서 'Node.js command prompt'를 검색해 실행합니다. 이 CMD 창은 여러분의 Node.js 개발 여정에서 가장 중요한 도구가 될 것입니다. 이 창은 Node.js와 NPM을 사용할 수 있도록 초기화되어 있으므로, 관련 명령어를 모두 여기서 실행하면 됩니다. 정상적으로 설치되었는지 확인하려면 'npm -v' 명령어를 입력해 NPM 버전을 확인해 보세요. 다른 곳에서 Node.js 튜토리얼을 따라 할 때도 이 창에서 해당 튜토리얼의 모든 명령어를 그대로 실행할 수 있습니다.
2. Git 설치
Git은 업계에서 가장 널리 사용되는 버전 관리 시스템(VCS)입니다. 아직 버전 관리 시스템을 접해보지 못했다면 곧 배우게 될 것입니다. Git은 규모가 큰 프로젝트의 코드를 관리하는 데 큰 도움이 되며, 배우기 쉽고 시작하기도 간단합니다. 온라인에는 짧은 실습형 가이드가 많으니 이를 활용하면 빠르게 익힐 수 있습니다.
Git for Windows를 다운로드해 설치 프로그램을 실행하면, 익숙하지 않은 몇 가지 선택 화면을 마주하게 됩니다. 그중 특히 중요한 단계가 'Adjusting your PATH environment' 화면입니다. 이 단계에서는 컴퓨터에서 Git을 어떤 방식으로 사용할지 선택해야 합니다.
필자는 두 번째 옵션인 'Use Git from Command Prompt'를 선택하는 것을 추천합니다. 이 옵션을 선택하면 Node.js command prompt뿐 아니라 Git Bash에서도 Git 명령어를 사용할 수 있습니다. Git Bash는 Git에 함께 포함된 또 다른 커맨드라인 도구로, 개발 용도로 활용하거나 계속해서 일반 명령 프롬프트를 사용해도 무방합니다. 나머지 단계는 걱정하지 않고 '다음(Next)'만 누르면 됩니다. 각 단계의 세부 설명은 이 글의 범위를 벗어나므로, 필요하다면 인터넷에서 Git 설치 관련 자료를 검색해 보세요.
설치가 완료되면 명령 프롬프트 창을 열고 'git --version'을 입력해 Git이 정상적으로 설치되었는지 확인할 수 있습니다.
3. 코드 에디터 선택
선택지가 워낙 많다 보니 코드 에디터를 고르는 일은 생각보다 어려울 수 있습니다. WebStorm처럼 기능이 완비된 IDE부터 Brackets 같은 경량 코드 에디터까지 스펙트럼이 넓습니다. 몇 가지 추천은 다음과 같습니다.
- WebStorm: 전문 개발자들이 사용하는 가장 강력한 JavaScript IDE입니다. 유료 도구이므로, 우선 무료 에디터로 시작하고 실력이 쌓인 후 투자를 고려하는 것이 좋습니다.
- Visual Studio Code: 이미 Visual Studio에 익숙하다면 좋은 선택입니다. VS Code는 마이크로소프트가 제공하는 무료 오픈소스 코드 에디터로, 내장 디버거와 다양한 언어의 문법 강조 기능을 갖추고 있습니다. Node.js뿐 아니라 여러 다른 언어로도 코딩할 수 있습니다.
- Brackets: 모든 플랫폼에서 사용할 수 있는 강력한 오픈소스 코드 에디터입니다. 수많은 언어의 문법 강조를 지원하며, 확장 기능을 추가해 도구의 기능을 확장할 수 있는 훌륭한 확장 관리자를 제공합니다. 필자도 개인적으로 이 도구를 사용하는데, 웹페이지 자동 새로고침, 확장 프로그램, 키보드 단축키 같은 기능이 특히 마음에 들며, 마우스 오른쪽 클릭 메뉴에 프로젝트 폴더를 Brackets에서 바로 열 수 있는 옵션이 추가되는 점도 편리합니다.
물론 이것은 어디까지나 추천일 뿐이며, 어떤 IDE나 에디터를 선택해도 자유입니다. 감이 좋다면 메모장으로 코드를 작성해도 됩니다.
4. MongoDB 설치 (선택 사항)
이 단계는 선택 사항입니다. MongoDB는 크로스플랫폼 문서 기반 데이터베이스 프로그램으로, 전통적인 Node.js CRUD 애플리케이션에서 SQL 대신 널리 사용됩니다. SQL을 사용해도 되지만, MongoDB가 Node.js 생태계에서 폭넓게 채택되고 있어 여기서 함께 다룹니다.
MongoDB Community Server를 다운로드해 설치하세요. 원한다면 데이터베이스를 시각적으로 탐색할 수 있는 GUI 도구인 MongoDB Compass도 함께 설치할 수 있습니다.
설치가 완료되면 MongoDB 설치 디렉터리로 이동해 bin 폴더를 찾아갑니다. 경로는 대략 다음과 같습니다.
C:\Program Files\MongoDB\Server\3.4\bin
이 폴더에서 'mongod.exe'를 실행하면 MongoDB 서버가 시작됩니다. 이후 'mongo.exe'를 실행하면 커맨드라인을 통해 서버와 상호작용할 수 있고, GUI를 선호한다면 Compass를 사용하면 됩니다. 참고로 이 bin 디렉터리를 PATH 환경 변수에 추가하면 어느 위치에서든 mongod와 mongo 명령어를 바로 실행할 수 있습니다. 시스템 환경 변수 Path를 수정하는 방법은 별도로 검색해 확인해 보세요.
이것으로 끝입니다! 이제 첫 번째 Node.js 애플리케이션을 코딩할 준비가 완료되었습니다. 개발에 필요한 도구와 환경이 모두 갖춰졌습니다.