Node.js Express 정적인 파일 서비스

 

 

정적인 파일을 서비스하는 방법을 Express버젼으로 살펴보자

정적인 파일이라함은

대표적으로 이미지파일,

자바스크립트, CSS 파일을 웹브라우저쪽으로 다운로드받아주는 경우 등등이 되겠다

 

이미지파일을 예로 들어보자

사용하고자하는 디렉토리를 만들어준뒤

그 안에 이미지 파일을 넣어준다.

 

 

 

이때 static이라는 express에 기본적으로 내장되어있는 함수를 사용하면되는데

express.static(root, [options])

 

다음과 같이 정적인 파일을 사용하고자하는 디렉토리를 경로로 지정해주고

등록을 한 후 , 

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

 

 

이미지를 넣고자하는 본문에

app.get('/', function (request, response) {
    var title = 'Welcome';
    var description = 'Hello, Node.js';
    var list = template.list(request.list);
    var html = template.HTML(title, list,
      `<h2>${title}</h2>${description} 
      <img src="/images/node.jpg">
      `,
      `<a href="/create">create</a>`
    );
    response.send(html);
});

<img src="/images/node.jpg">

이와같이 경로를 넣어주면, 경로를 통해 출력되는것을 볼 수 있다. 

 

사용하고자하는 디렉토리 경로로만 접근할수있도록 지정해줌으로서 

정적인 파일 사용을 더욱 안전하게 사용할 수 있는 방법을 알아보았다.