[생활코딩-Nodejs-02] 웹서버 맛보기

☞ 다음 내용은 생활코딩 [WEB2] Nodejs 파트를 공부하고 복습을 목적으로 작성하는 글 입니다.

☞ 동영상 강의를 보시고, 복습용으로 활용하는 것을 추천드립니다.

 

우선 Node.js로 서버를 구축하기 전에,

간단히 필요한 사항들을 준비하고,

간단한 웹서버를 구축해보는 작업을 한번 해볼까요?

 

 

 

 

 

 

 

1. 생활코딩 HTML&Internet 수업에서 다루었던 간단한 HTML 페이지 소스코드 받아오기.

https://github.com/web-n/web1_html_internet

위 링크에 접속하셔서 우측의 'Code' -> 'Download Zip'을 클릭해 파일들을 받아옵니다.

그리고 압축을 푼 파일들을 바탕화면의 nodejs 폴더에 넣어줍니다.

 

 

2. Node js로 웹서버를 만드는 코드를 main.js라는 파일을 만들어 붙여넣어줍니다. 그리고 Ctrl + S로 저장해주세요.

var http = require('http');
var fs = require('fs');
var app = http.createServer(function(request,response){

    var url = request.url;
    if(request.url == '/'){
      url = '/index.html';
    }

    if(request.url == '/favicon.ico'){
      return response.writeHead(404);
    }

    response.writeHead(200);
    response.end(fs.readFileSync(__dirname + url));

});

app.listen(3000);

 

3. cmd창을 열어, 디렉토리를 이동합니다. 그리고 'node main.js' 를 입력해 nodejs로 main.js를 실행합니다.

이제 브라우저에서 'localhost:3000'을 주소창에 입력해서 결과를 보면, 잘 출력되는 것을 확인 할 수 있습니다.

아래 그림처럼, 웹페이지가 뜨면 성공입니다.

 

Nodejs가 서버로써 동작하고 있다는 증거이구요.

그럼 이제 꺼볼까요?

CMD 창에서 'Ctrl + C' 를 두번 쳐주시면 꺼집니다.

그리고나서 한번 다시 웹사이트를 새로고침해보세요.

뜨지 않을겁니다.

 

이로써, Node를 서버로 동작시켜보는 작업까지 해보았습니다.