(11) express 모듈 사용-② 정적 파일 서비스

2019. 4. 3. 11:38 JavaScript BackEnd/Node.js, Express

Express,정적인 파일을 서비스 하는방법

app.use(express.static('디렉터리명'));

// 정적인 파일을 모아놓은 (나의 경우 public)디렉토리는 패키지로 선언한 해당 디렉토리(package.json 파일이 있는..)에 위치시키자.  

// public 디렉토리 안에 router.png 파일과 sample.txt 파일이 있다. 



app.js 파일을 분석해보자. 

============================================================================================

<app.js>


const express =require('express');    // 모듈을 가져오자.

var app= express();   //express().get 이런식으로 사용해도 되지만! 가독성을 높여주기 위하여 app이라는 변수에 담아주자.

app.use(express.static('public'));  


app.get('/rout',function(req, res){

res.send('<h1>hello router</h1>, <img src="/router.png">');

});

app.listen(3000, function(){

console.log('connected 3000 port');

});


============================================================================================

먼저 command창에서 node app.js 를 입력하여 express에 구현된 서버를 실행시켜줘야 한다. 

127.0.0.1:3000/rout 로 접근해보자. 



127.0.0.1:3000/'파일명'   으로 접근하면 정적파일을 모아둔 public 안의 원하는 파일의 내용을 화면에 뿌려줄 수 있다.  

// 127.0.0.1:3000/sapmle.txt 로 접근해보자. 



출처: https://sourceflower.tistory.com/11?category=561762 [소스플로우]