[Node.js] Express 정적 파일 제공

정적인 파일을 제공하기 위해서는 다음과 같은 코드가 필요하다.

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

이는 정적인 파일이 위치할 디렉토리를 지정한다.

즉, 해당 프로젝트 내에 public 폴더 내에 정적인 파일이 있다는 의미이다.

보통 public을 많이 쓴다.

 

 

 

app.get('/test', function(req, res){
    res.send('Test, <img src="/test.jpg">')
})

정적 파일의 디렉토리를 설정해주었다면 이제 사용하면된다.

localhost:3000/test 로 들어가면 Test 문자열과 함께 public 경로안에 있는 test.jpg 사진이 출력될 것이다.

 

 

 

앞서 설명하였던

app.get('/', function (req, res) {
    res.send('Hello home page');
})

와 같은 맥락이라고 보면 된다.

단지 정적 파일이 위치한 디렉토리를 사전에 설정해주고, 해당 정적 파일을 사용한 것뿐이다.

가장 중요한 포인트는 public 디렉토리를 지정해주는 것이다.

 

 

 

<전체코드>

var express = require('express');
var app = express();
app.use(express.static('public'));
app.get('/', function (req, res) {
    res.send('Hello home page');
});
app.get('/test', function (req, res) {
    res.send('Test, <img src="/test.jpg">')
})
app.get('/login', function (req, res) {
    res.send('<h1>Login please</h1>');
});
app.listen(3000, function () {
    console.log('Conneted 3000 port!');
});