모든 프로그래밍의 시작은 "Helo World"로 부터 시작한다. 그럼 아주 심플하게 "Hello World" 애플리케이션을 만들어 보도록 하자. 그럼 먼저 "helloworld.js" 파일을 만들도록 하자. (** IDE는 Sublime Text 2를 사용했다.)
[그림 1 - helloworld.js 파일 생성]
[그림 2 - 파일 생성 모습]
[그림1]은 Sublime Text 2 에디터를 이용해서 "helloworld.js" 파일을 생성하는 모습이다. 어떠한 편집툴를 이용하든 "helloworld.js"파일을 만들도록 한다. [그림 2]와 같이 파일이 생성 했다면 아래와 같이 코드를 작성하자.
console.log("Hello World"); |
[그림 3 - 콘솔 로그 기록 코드]
[그림 3] 코드와 같이 콘솔 로그에 "Hello World"를 남기는 코드이다. 위와 같이 작성하고 저장후 해당 파일을 실행 시켜보도록 하자. 실행 방법은 아래와 같다.
[그림 4 - 커맨드창으로 해당 디렉토리 이동]
[그림 4]와 같이 커맨드창을 열어 해당 파일("helloworld.js")이 저장되어 있는 디렉토리로 이동한다. 본인은 바탕화면 > NodeStudy > Test1이라는 폴더 밑에 파일이 존재하기 때문에 [그림 4]와 같이 이동했다.
[그림 5 - helloworld.js 실행화면]
디렉토리를 이동했다면, 위 코드와 같이 입력한후 "helloworld.js"파일을 실행 시켜보자. [그림 5]와 같이 "Hello World"가 찍혔다면 정상이다. 그럼 이제 "http" 모듈을 이용해서 브라우져를 통해 "Hello World"를 나타내 보자.
// console.log("Hello World"); // http 모듈 인스턴스 생성 var http = require("http");
// createServer 함수정의 http.createServer(function(request, response){ // Head 정의 response.writeHead(200, { "Content-Type" : "text/plain" }); // bady 내용정의 response.write("Hello World"); // response 끝냄. response.end(); }).listen(8888); // 8888 포트정의
|
[그림 6 - http 모듈 사용 코드]
[그림 6]과 같이 기존의 console코드는 주석처리하고, "http"모듈을 이용해서 간단하게 서버를 구성했다. 웹개발을 해보신 분들이라면 어려운 코드가 아니라 생각된다. 코드에 대한 내용은 위 코드의 주석을 참고 바란다. 코드를 다 작성했다면 저장하고 아까와 같이 다시 커맨드창에서 "helloworld.js"를 실행해 보자.
[그림 7 - helloworld.js 실행화면]
[그림 8 - 브라우저 확인]
[그림 8]과 같이 브라우져를 이용해서 "http://localhost:8888" 접속해 보자. "Hello World"라는 문구가 나타나면 정성인것이다.
