• Eclipse 개발환경 plug in 설치

앞 아티클에서 nodejs와 eclipse mongoDB를 설치하였습니다.

nodejs 서버 프로그램 개발을 도와줄 nodeclipse plug in을 설치하겠습니다.

nodeclipse plug in 을 설치하면 nodejs 프로젝트를 쉽게 작성할 수 있습니다

 

eclipse 의 Help / eclipse Market place 메뉴를 선택하여 eclipse Market place 창을 띄웁니다.

 

검색창에 nodeclipse(e가 1개입니다)를 입력한 후 enter를 입력합니다.

 

검색목록중에서 nodeclipse 1.0.2를 찾아서 install 해 줍니다.

이후에 나타나는 메시지 창에서 모두 선택하고, 이용 동의를 하면 설치가 진행됩니다.

 

설치가 모두 끝나고 eclipse를 재 시작하겠느냐는 메시지 창에서 ok를 누르면 eclipse가 재 시작됩니다.

eclipse 의 오른쪽 상단에 마우스를 올리면 open perspective라는 메시지가 보입니다.

해당 아이콘을 클릭하면 open perspective 창이 열리는데 여기에서 중간 쯤에 node를 선택한 후 open을 클릭해 줍니다.

그럼 잠시 eclipse화면이 깜빡이며 workspace가 다시 재 정렬이 됩니다.

메뉴의 File / New 를 선택하면 프로젝트 목록에 node project와 node express project가 보일 것입니다.

 

이제 eclipse를 종료하고 다음으로 넘어 갑니다.

 

  • nodejs API 설치 : npm Tool 사용

윈도우의 cmd 창을 관리자 모드로 하나 열어 줍니다.

관리자 모드에서 nodejs의 API 일부를 global 모드로 설치 할 것입니다.

명령창에서 npm update를 입력하여 npm을 업데이트 해 줍니다.

만약 npm 이 실행되지 않으면 nodejs 가 제대로 설치되지 않은 것입니다.

npm은 nodejs 의 각종 plug in, 미들웨어, 추가 API를 쉽게 설치할 수 있도록 만들어진 도구입니다.

 

  • express-generator 설치

nodejs 프로젝트를 쉽게 작성할 수 있도록 express framework을 사용할 것입니다.

express framework는 nodejs 서버 프로그램을 MVC3 기반으로 작성 할 수 있도록 도와 줍니다.

express-generator는 express framework 프로젝트를 만들기 위한 도구 입니다.

express-generator를 전역(public)으로 설치하기 위해 다음과 같은 옵션으로 설치해줍니다.

npm install -g express-generator : -g 옵션이 global 설치 옵션입니다.

 

expres-generator 설치가 끝나면 명령창에 나타난 글자중 아래 그램의 흰색 반전 부분을 마우스로 드레그 하여 Enter를 눌러 줍니다.

해당 문자열을 복사 한 것입니다.

복사된 문자열은 메모장 등을 열어 임시로 붙여넣기 해 둡니다.

 

  • nodemon 설치

다음은 nodejs 서버 데몬을 설치합니다.

서버 어플리케이션은 특성상 소스코드가 수정되면 수시로 서버를 종료후 재 시작해주어야 합니다.

eclispse에도 해당 하는 기능이 있습니다만, 다소 불편하여 nodemon 이라는 서버 데몬을 사용할 것입니다.

nodemon은 *.js 파일이 수정되면 자동으로 감지하여 서버를 종료 후 재 시작해 줍니다.

마찬가지로 global 모드로 설치합니다.

 

npm install -g nodemon

 

  • eclipse에 express-generator 설정

eclipse를 설치하고 express-generator 설치하면 자동으로 연동이 되었었는데,

최근 갑자기 자동 연동이 되지 않는 문제가 발생을 하여 수동 설정을 해 주어야 하는일이 생겼습니다.

메뉴의 window / preference 를 열어줍니다.

 

Preferences 중간쯤에 nodeclipse를 찾습니다

 

nodeclipse를 클릭하면 오른쪽 창에 설정 항목이 나타 납니다.

여기에서 express-path 항목을 찾습니다.

 

위에서 express-generator를 설치한 후 복사해 두었던 문자열을 여기에 붙여넣기 해 줍니다.

이때 문자열 앞, 뒤에 공백이 있으면 안됩니다.

 

  • nodejs express project

자 이제 File / New / nodejs express project를 선택해서 새 프로젝트를 만들어 봅니다.

 

프로젝트 이름은 Hello 라고 입력하고 Templete Engine을 ejs로 선택하고 Finish를 눌러 줍니다.

그럼 프로젝트가 생성될 것입니다.

프로젝트 목록이 아래 그림과 같이 나타나면 모든 설정이 정상적으로 완료 된 것입니다.

 

프로젝트 목록에 bin 폴더가 반드시 보여야 합니다.

bin 폴더가 보이지 않는 다면 preference / nodeclipse / express-path 항목이 잘못 된 것입니다.

어쩐일인지 갑자기 express-path를 설정하지 않으면 express 프로젝트가 오래된 버전 형식으로 생성이 되어 버립니다.

 

다음편에 계속 합니다