블로그 이미지
내게 능력 주시는 자 안에서 내가 모든것을 할수 있느니라 - 빌립보서 4 : 13 - happydong

카테고리

Happydong (1363)
프로그래밍 (156)
MUSIC (16)
인물 (3)
Utility (10)
세미나 소식&내용 (22)
IT뉴스 (18)
운동 (830)
CAFE (10)
Life (282)
Total
Today
Yesterday



 모든 프로그래밍의 시작은 "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]와 같이 이동했다. 



 node  helloworld.js



[그림 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"라는 문구가 나타나면 정성인것이다. 




Posted by happydong
, |