이클립스에 NodeJS 개발환경 꾸미는 방법과 웹 서버 구성하기 1

이클립스에 NodeJS 개발환경 꾸미는 방법과 웹 서버 구성하기 1

 

환경: Eclipse

 

이클립스는 자바 개발자들에게 빼 놓을 수 없는 개발 툴입니다. 새로운 언어로 배울 때 힘든 것 중에 하나가 개발툴을 새로 익히는 것입니다. 자바 개발자라면 NodeJS 로 개발하고자 할 때 이클립스 환경이면 시간을 단축할 수 있습니다. 오늘은 이클립스로 NodeJS 개발 환경을 꾸며 보겠습니다.

 

▼ 먼저 이클립스 다운로드 사이트로 가서 Eclipse IDE 중 JavaScript and Web Developers 을 받습니다. 32비트 혹은 64비트 중에서 하나를 선택합니다. 그리고 다음 페이지에서 파일을 다운 받습니다.

 

▼ 파일을 다운받고 압축을 푼 후 eclipse.exe 를 클릭합니다. 고급 시스템 설정에 JAVA_HOME 이 설정되어 있다면 eclipse.ini 에서 JDK 를 지정할 필요는 없습니다. 

 

▼ 정상적으로 이클립스가 실행되면 작업 공간인 Workplace 를 지정해야 합니다. 

 

▼ 이클립스에서 프로젝트를 생성하기 전에 text encoding 을 UTF-8 로 변경해 줘야 합니다. 인코딩이 꼬이면 골치 아프기 때문에 미리 정해 놓는 것이 좋습니다. Preferences > General > Workspace 로 가서 MS949 를 UTF-8 로 변경합니다. 

 

▼ 다음은 NodeJS 개발을 위한 플러그인을 다운받아야 합니다. 플러그인은 마켓플레이스에서 받을 수 있습니다. Help > Eclipse Marketplace 메뉴를 선택합니다. 

 

▼ Marketplace 팝업창에서 node 로 검색합니다. 그리고 Nodeclipse 1.0.2 를 찾아 설치합니다. 화면 오른쪽 하단에 Install 버튼을 누르면 설치가 진행됩니다. 

 

▼ 설치를 위한 첫 번째 단계는 플러그인 항목을 선택하는 것입니다. 모두 선택하고 Confirm 버튼을 클릭합니다. 

 

▼ 두 번째 단계는 라이선스 정책에 동의하는 것입니다. 오른쪽 하단에 I accept the terms of the license agreements 를 선택하고 Finish 버튼을 클릭합니다. 

 

▼ 설치하는 과정에서 다음과 같은 팝업창이 뜨면 Install anyway 버튼을 눌러 계속 진행합니다. 

 

▼ 설치가 끝나면 재시작을 묻습니다. 플러그인을 사용하기 위해서는 이클립스를 다시 시작해야 하기 때문에 Restart Now 버튼을 누릅니다. 

 

▼ 이제 NodeJS 프로젝트를 생성할 차례입니다. File 메뉴 아래에 New 아이콘을 클릭합니다. 그리고 New 팝업창에서 [Node] > [Node.js Project] 메뉴를 선택합니다. 

 

▼ 새로운 Node.js 프로젝트 생성 팝업창에서 Project Name 을 입력하고, 아래로 내려가 Template to use 에서 none/empty 옵션을 선택합니다. 샘플 예제가 없는 빈 프로젝트를 만들기 위함입니다. 

 

◎ NPM 초기화 하기

 

▼ 다음은 패키지 관리를 위한 npm 파일을 만들어야 합니다. npm NodeJS 에서 패키지를 관리하는 툴입니다. 패키지는 유용한 기능들을 만들어서 묶어 놓은 JS 파일입니다. NodeJS 프로젝트에는 패키지를 관리할 수 있는 파일이 있습니다. 그것이 바로 package.json 입니다. New > npm Init 메뉴를 선택하고 Next 버튼을 클릭합니다. 

 

▼ 두 번째 화면에서 Use default configuration 체크를 해제하고 아래 Properties 값들을 수정합니다. 특별히 Main 항목에는 NodeJS 실행 파일을 적습니다. 

 

◎ NPM 명령어를 이용해서 request 패키지 설치하는 방법

 

▼ package.json 파일이 만들어 졌다면 셸을 실행해서 필요한 패키지를 추가해 보도록 하겠습니다. 프로젝트를 선택하고 오른쪽 마우스를 누른 후 [StarExplorer] > [Start Shell Here] 메뉴를 클릭합니다. 

 

▼ 명령어는 다음과 같습니다. 다른 것이 있다면 --save 옵션입니다. --save 옵션은 package.json 에 패키지 정보를 기록하기 위해서 필요합니다.

 

> npm install express --save

 

▼ npm 으로 express 패키지를 설치하고 프로젝트 정보를 업데이트 하기 위해 Refresh 합니다. F5 단축키를 눌러도 됩니다. 

 

▼ 새로고침하고 나면 node_modules 이 나타납니다. 이곳에 설치한 express 패키지가 있습니다. 

웹 서버를 구성하는 방법은 2편에서 이야기하겠습니다.