Node.js를 설치해보자.

1. Node.js 설치

http://jangnandev.blogspot.com/2012/01/lisp-1-clisp.html
일단 맥포트를 설치한다. 위 URL로 이동해서 그림3 까지만 진행해서 설치하자.


콘솔창에 아래와 같이 친다.

$ sudo port selfupdate
$ sudo port install nodejs

오랜시간후에 설치가 완료된다.

2. npm 설치하기

(그림1. 위와 같이 curl http://npmjs.org/install.sh | sh 입력해서 인스톨을 진행한다.)


3. express 설치하기

(그림2. npm install은 node.js의 일종의 추가 플러그인(정확히는 프레임워크이다.)을

 설치하는것이다.

 express 프레임워크를 설치한다.)

4. Jade 설치

(그림3. jade를 인스톨한다. jade는 템플릿엔진이라고 한다. 

이종의 HTML 에디터라고 생각하면된다.)

(그림4. npm list installed는 설치한 내용을 확인할수 있게 해주는 명령어이다.)

5. 간단한 웹서버 만들기(hello world)

일단 모든것을 설치했으면 node.js를 이용하여

간단한 웹서버를 만들어보고 모든 프로그래밍의 진도의 반인 'hello world'를 찍어보자.

(그림 5. 일단 텍스트 에디터를 이용하여 아래와 같이 파일을 만든다. 

파일명및 확장자는 app.js라고 주자.)

대충 내용을 살펴보면 http라는 모듈을 import 하고 

그 안에 createServer라는 메서드를 사용한다고 생각하면 쉬울거같다.

res는 response(응답)이겠고, 

res.writeHead는 응답하는 값의 head에 contentType으로 text/plain으로 

셋팅하고 마지막으로 'hello world'를 셋팅하고 

listen을 통해서 서버 127.0.0.1:1337로 서버를 띄우겟다는것을 명시한다.

그리고 마지막은 콘솔 로그창에 띄울 console.log이다.

자 이제 실행해보자!

(그림 6. 실행하는법은 단순하다 node  [해당파일명.js]를 하면된다.

소스 마지막에 console.log()에 적은 내용이 보인다.)

(그림 7. 웹브라우저를 열고 127.0.0.1:1337을 주소창에 입력한후 엔터키를 눌러서 

이동한다. hello world가 찍힌것을 확인할수 있을것이다.)

6.express를 이용한 서버만들기

앞서와 같이 [원하는 파일명].js를 만든다.

그리고 아래와 같이 소스를 작성한다.

(그림8. express프레임워크를 이용한 간단한 서버만들기)

일단 순수한 node.js의 http프레임워크와는 다르게 app이라는 express를 이용한 서버객체를 만들고, 그안에 / 도메인시 응답으로 hello world를 보내라고 명시되있다.

그후, app.listen으로 3000번 포트를 설정하는것은 앞서와 비슷하다.

실행 해 보자!!

node [작성한 파일명].js 를 콘솔창에 입력한다.

(그림 9. express를 이용한 간단한 서버 실행)