[node.js] eclipse에서 express를 이용한 웹 서버 테스트

console에서 express 프로젝트를 만들어 테스트 해봤으니 이제 eclipse에서 해보겠습니다.

console mode는 아래 링크를 참조 하세요.

[node.js] express를 이용한 console 모드 웹 서버 테스트

eclipse에서 express 프로젝트 만들기는 거의 클릭만 하면 되기 때문에 상당히 쉽습니다.

 

먼저 신규 프로젝트를 만들어야 겠죠.

eclipse에서

File > New

를 선택 하면 Noje.js Express Project 가 보입니다.

안보이나요?

한번도 Express 프로젝트를 만들지 않았으면 안보일 수도 있습니다.

그때는 하단에 Other…를 선택 합니다.

 

Other… 를 선택 하면 창이 뜨는데 이곳에서 Node.js Express Project를 선택 합니다.

이것도 안보인다고요?

그럼 node.js plug-in을 설치하지 않아서 입니다.

nodejs eclipse 개발 환경 설정

링크를 선택해서 설치 방법대로 작업을 합니다.

어찌 되었든 둘중에 한가지 방법으로 Node.js Express Project를 선택하면

프로젝트 명을 입력하는 창이 나옵니다.

적당히 이름을 기입 합니다.

저는 myProject 라고 적었습니다.

[Finish] 버튼을 클릭하면 파일들이 주르륵 생기는 군요.

 

package.json 파일을 볼까요?

시작 하려면 node app.js라고 명령어를 사용 해야 하고

jade로 client 쪽을 구현 한다는 군요.

 

그럼 npm을 이용해 package.json 파일에 있는 것을 설치 해 봅니다.

 

프로젝트에 우측 마우스를 놓고 클릭 하면 중간 아래쪽에 Run As가 보입니다.

거기서 npm Install을 선택 합니다.

설치를 하면서 Console 창에 머라고 하네요.

 

예. 설치를 다 했다네요.

Update도 해볼까요?

npm Install 바로 아래에 있습니다.

이번에도 Console 창에 머라 하는군요.

에러만 아니면 됩니다.

이제 필요한건 모두 설치가 끝났고 실행을 할건데

포트가 먼지 알아야 client에서 확인을 할 수 있겠죠?

app.js를 보니 포트는 3000 이라고 적혀 있습니다.

변경하려면 숫자를 고칩니다.

지금까지 키보드로 글자를 적은건 myProject 밖에 없네요.

 

잘 되는지 확인을 해볼까요?

이번에는 Run As 에서 Node Application을 선택 합니다.

 

또 Console 창을 볼까요?

3000번 포트로 Express server가 대기하고 있습니다.

 

그럼 웹 브라우저를 하나 열고 http://localhost:3000/ 을 입력하고 확인 합니다.

 

잘 나옵니다.

이번에도 해피엔딩입니다.

- copy coding -