goorm IDE에서 node.js 프로젝트로 Hello World Simple Server 만들어 띄워보기

 맥에 클라우드 통합 개발 환경인 구름 IDE를 설치했었습니다. 이번에는 구름 IDE를 익힐겸 간단하게 node.js 프로젝트를 만들어 Hello World를 띄워주는 심플한 웹서버를 만들어보겠습니다. 언제나 그렇듯? 이슈 내용도 같이 정리해나갑니다.


1. node.js 프로젝트 생성

  파일 -> 새로 만들기 -> node.js Project를 하시거나 Alt + N을 눌러 새 프로젝트 선택 창을 띄웁니다. Express Project는 node.js를 이용한 웹 프레임워크중 하나라고 하네요. 간단하게 할 것이므로 Nodejs Project를 선택하고 다음을 클릭합니다.

 프로젝트 이름과 내용을 입력 후 확인을 클릭합니다.

 그런데 생성이 안되네요. 처음엔 프로젝트 내용에 . 이나 한글을 넣어서 안되는줄 알았는데 프로젝트 생성자에 한글이 있어서 안되는 것 같습니다. 유저 정보를 변경해야겠네요.

 계정 -> 계정 정보를 클릭하거나 커뮤니케이션에 보이는 아이디 목록에서 마우스 우클릭 -> 유저 정보를 클릭합니다.

 계정 정보창이 뜨는데 정보 변경을 클릭해 이름을 영문으로 변경합니다. 다시 프로젝트 생성을 시도해봅니다.

 이번에는 Server can not response가 뜨네요. 구름 질문 게시판에 문의해보니 구름이 설치된 경로에 workspace 디렉터리를 생성해보라고 하네요. 그러고보니 구름 실행시에 나왔던 터미널 로그중에,

Ahnui-Mac-mini:/ ahnsanghak$ goorm start
Do you want to send server information to developer?(yes/no) yes
Information was sent.
goormIDE:: loading config...
--------------------------------------------------------
workspace_path: /usr/local/lib/node_modules/goorm/workspace/
temp_dir_path: /usr/local/lib/node_modules/goorm/temp_files/

goormIDE:: starting...
--------------------------------------------------------
info: socket.io started
goorm IDE server listening on port 9999 in development mode
Open your browser and connect to
'http://localhost:9999' or 'http://[YOUR IP/DOMAIN]:9999'

 붉은색부분... 워크스페이스 패스 내용이 있었네요. 파인더에서 command + shift + G 를 눌러 해당 /usr/local/lib/node_modules/goorm/ 디렉터리로 이동했습니다.

 구름 처음 설치하고 실행시 안보였던 goorm.js가 여기 있었네요. 워크스페이스 디렉터리는 없네요. workspace 디렉터리를 만들어줬습니다.

 자, 위와같은 내용으로 프로젝트 생성을 다시 시도합니다. 구름 서버는 재시작하지 않았습니다.

 생성되었네요! 아.. 맥과 윈도우를 이리저리 왔다갔다하면서 정리하니 힘드네요? ㅋ


2. 샘플 프로젝트 빌드 및 실행

 내용을 보니 콘솔에 Hello Goorm! 만 출력하는 간단한 node.js 소스지만 구름 IDE 자체가 처음이니 빌드도 한번 정리해봅니다.

 망치 모양의 아이콘을 눌러 프로젝트 빌드 팝업창을 엽니다. 빌드할 프로젝트를 선택하고 빌드 버튼을 클릭합니다.

 망치 아이콘 왼쪽의 파란색 화살표를 눌러 실행하면 위와같이 터미널에 Hello Goorm!이 출력된 것을 확인할 수 있습니다.


3. node.js Simple Hello World Http Server


function main(){
console.log("Hello Goorm!");
var http = require('http');

http.createServer(function (request, response) {
  response.writeHead(200, { 'Content-Type': 'text/html' });
  response.end('<h1>Hello World .. !</h1>');
}).listen(52273, function() {
  console.log('Server running at http://127.0.0.1:52273/');
});
}

main();


 자바 스크립트고 node.js고 뭐고 문법도 모르는 상황에서 책을 보고 위와 같이 추가해줬습니다.

 참고로 이책으로 R&D 중입니다. 자 이제 브라우저에서 127.0.0.1:52273 을 접속해보면,

 연결이 안되는군요.... 몇분은 헤매였을까? 지금 서버를 개발하는거고 비록 윈도우에서 코딩은 하고 있지만 클라우드 환경이라 서버는 맥에 있고 소스도 맥에 있고 구름 터미널도 맥에서 실행이 될테고 그럼 만든 샘플 서버도 맥에 띄워진거자나! 하고 생각이 정리되는 순간 ip를 서버로 바꿔 접속해보니,

 잘 됩니다.

 구름 IDE 멋지네요. 한가지 아쉬운건 아직 인텔리센스가 안되는 것 같네요. 아무튼 node.js와 몽고DB에 한발짝 더 다가갔습니다~