정적파일(이미지 등)을 사용하기
Table of Content
express에서 정적 파일 경로 지정
웹 페이지에서 정적 파일들을 불러와서 나타내야 할 경우가 있다. 이런 경우 아래처럼 index.ejs에서 img src 태그를 사용하는데 express에서는 단순히 불러와지지 않는다.
Express에서는 정적 파일을 제공하기 위해 express.static 미들웨어를 사용해야 한다.
express.static 사용하기
// app uses static files from 'public' folder
app.use(express.static(__dirname+'/public'))
JavaScript
복사
express에 내장된 static이라는 미들웨어를 통해서 정적 파일의 경로를 지정 할 수 있다. 기본값으로 public이란 명칭의 폴더를 사용한다. 위 코드를 작성하여 정적 파일을 사용 할 수 있도록 설정한다.
샘플 이미지 파일을 root/public/ 폴더로 이동시키고 로드해본다.
index.ejs에 작성한 태그를 통해 정상적으로 정적 이미지가 나타나는것을 확인 할 수 있다.
<%-include('header.ejs')%>
<h2>메인페이지 입니다.</h2>
<img src="/image_sample.jpg">
<%-include('footer.ejs')%>
JavaScript
복사
Related Posts
Search