Develop/Node.js

[4.Nodejs] Node.js 개발 IDE설치3

GuriZzang 2014. 7. 28. 14:39

설치 및 세팅이 완료되면 Node.js 샘플프로젝트를 생성해 봅니다.

기본 이클립스는 java프로젝트를 위해 독패널들이 위치해 있습니다.

이걸 Nodejs용 독패널들로 변경하겠습니다.



이클립스 우측 상단에 플러스모양이 들어가 있는 아이콘을 클릭하면

하단의 창이 열립니다.

Node라고 씌여진 아이콘을 선택 후 OK를 누르시면 됩니다.


참 쉽죠~?


하지만 독패널들이 뭐가 어떻게 바뀐지는 모르겠네요; @.@




자. 이제 샘플 프로젝트를 생성해 봅니다.


좌측 Project Explorer에서 우클릭을 하신 후 

New > Node.js Project를 클릭합니다.




새프로젝트 창이 열리면

프로젝트명 : 원하는 패키지명

Use default location : 처음 이클립스가 구동될때 workspace로 연결된 폴더

Template to use : none/empty를 선택하게되면 아무것도 없는 패키지만 생성되게 됩니다.

저는 기본 Hello World를 생성해 보겠습니다.





호오~ 흥미롭습니다.

기본 js파일이 생성되고

무언가 console로 찍으라는 코드인것 같습니다.


무언가 코드가 있으니 확인해 봐야 할거 같습니다.

Node.js 자체가 서버 역활을 하다보니 이클립스에서 자동으로 Node엔진을 구동시켜주는 것 같습니다.

에디터 영역에서 우클릭 > Run As > Node Application

(java에선 Tomcat 혹은 Spring tools의 기본서버를 세팅해야만 이 메뉴를 사용할 수 있었는데 말이죠.. 간편~합니다!)





이클립스 하단의 console 패널에 서버가 시작되었다는 메세지가 출력됩니다.


웹페이지를 열고 http://127.0.0.1:1337을 입력해 봅니다.





자. 이제 브라우저에서 Hello World가 찍혔습니다.