삽질개발

[Mindev 개발공부]Node.js 웹서버로 이미지를 불러보자 본문

Node.js

[Mindev 개발공부]Node.js 웹서버로 이미지를 불러보자

MinDev 2017. 9. 8. 15:39

오늘은 간단하게 로컬 웹서버에 이미지를 불러와보겠습니다.


먼저 그러기위해 require -> http,fs 를 불러옵니다.


var http = require('http');

var fs = require('fs');


이제 서버를 만들어줍니다.


var server = http.createServer();


이후 server라는변수에 listen 리스너를 포트번호와 funtion 을 넣어주면 웹서버가 시작됩니다.



port 3000은  로컬을 의미합니다.


이후 클라이언트가 접속할때 이벤트와 접속후 response 에 해당 이벤트를 정의해주겠습니다.


앞서 배웠듯히 on이라는 이벤트 메소드를 씁니다.



여기서 현재  .js 파일들이 있는 path에 보여줄 이미지를 넣어놓습니다. 

저는 me.jpg라고 넣어놨습니다.


이후 컴파일을하게되면


웹 서버가 시작되었습니다.:3000


라고 나오게됩니다.


이제 크롬으로 localhost:3000 들어가시게되면 


해당 파일에 넣은 크롬으로 확인하실수있으며 console 창에는 내가 접속한 기록이 남게됩니다.


웹 서버가 시작되었습니다.:3000
클라접속
클라이언트 요청이 들어왔습니다.



아래는 저의 github 주소입니다.

 https://github.com/mkw8263

Comments