10. Express - 정적파일을 서비스 하는법

1. 정의

공식문서에 나왔듯이, 정적 파일(Static files)이란 image, css, javascript 파일입니다. 서버에서는 정적파일을 제공하려면, express.static 메소드를 이용해야합니다.

2. 예제

먼저 예제폴더에 사진처럼 public 폴더를 생성하고, 그림파일을 넣자. 나는 ironman.jpg를 넣었다.

예제폴더에 static.js 파일을 만들고, 위코드를 입력해보자.

터미널에서 서버를 키면,  listen의 callback funtion이 실행된다.

웹브라우저에서 localhost:3000/ironman.jpg로 접속하면, 이미지파일이 보인다.

이번에는 라우터를 추가해보자.

라우터를 추가하면, 이미지를 불러올수 있다.

3. 정리

express.static(폴더명)은 정적 파일(static files)들이 있는 위치를 지정해주는 것이다.

app.use는 미들웨어를 사용하는 것이다. 미들웨어는 나중에 알면 된다.

예를들어, 우리코드에서 위 코드를 적용하면 localhost:3000/static 접속시 public폴더의 정적파일을 로드할 수있다. 

출처 - 생활코딩, express공식홈페이지