생활코딩_Node.js) 정적 파일 서비스

const express = require('express');

const app = express();

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

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

res.send('Welcome! <img src="/starbucks.png">');

});

app.listen(3000, function(){

console.log('Connected 3000 port!')

});

Node.js 에서 정적인 파일을 서비스하고 싶을 경우 Express에서 기본으로 제공하는 미들웨어 함수인 express.static을 사용하면 된다. 아래 코드와 같이 express.static()의 파라미터로 '폴더'를 설정한다. 경로를 설정한다는 것이다. 그러면 웹 상에서 파일 명을 주소창에 쳐서 직접 접근이 가능해진다. (예시 : http://localhost:3000/starbucks.png)

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

추가적으로, 예시에서는 .png 파일을 직접 요청해보았는데 .html 페이지도 직접 요청이 가능하다 (예시 : http://localhost:3000/firsthtml.html)

혹은 아래와 같이 특정 경로에 대한 접근을 하는 대신 내가 태그상에서 이미지 혹은 파일을 태그를 통해 보여줘도 된다. 핵심은 이렇게 할 수 있는 이유가 express.static() 에서 파라미터로 해당 경로를 잡아뒀기 때문이라는 것이다.

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

res.send('Welcome! <img src="/starbucks.png">');

});