Express 8. 정적인 파일 서비스

정적인 파일(static file)로 이미지, 자바스크립트, css 파일등이 있다.

이미지 파일을 다운로드 받을 수 있는 unsplash라는 좋은 사이트가 있다.

 

 

static file을 서비스할 때는 정적인 파일을 서비스하고자 하는 디렉토리를 직접 지정하면 된다.

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

이렇게 미들웨어를 등록하면 public 디렉토리 내의 파일, 디렉토리를 url을 통해 접근할 수 있다.

 

app.get('/', (req, res) => {
	console.log('req.list => ', req.list);
    var title = 'Welcom home!';
    var description = 'Hello, Node.js';
    var list = template.list(req.list);
    var html = template.HTML(title, list,
    	`<h2>${title}</h2>${description}
        <img src="/image/hello.jpg" style="width:300px; display:block; margin-top:10px">
        `,
        `<a href="/create">create</a>`
    );
    res.send(html);
});

다음과 같이 <img src="해당파일경로" ~>로 지정하면 된다.