이미지,CSS,자바스크립트 파일과 같은 정적파일을 제공하려면 익스프레스 미들웨어 모듈인 express.static을 사용해야 한다.
PROJECT 폴더 밑에 icons, images 폴더가 있고 icons 폴더 밑에 favicon.ico…등등의 파일이 있을 때,
정적파일이 있는 폴더인 icons와 images를 express.static 미들웨어 함수에 전달하면 브라우저 URL을 통해 파일을 제공할 수 있다.
app.use(express.stativ('images')); //images 폴더 밑에 있는 모든 정적파일을 URL로 제공할 수 있다.이렇게 하면 다음과 같이 images 폴더의 파일을 브라우저를 통해 로드할 수 있다.
http://localhost:3000/pocahcco.png //images폴더 밑에 있는 폴더 또는 파일 이름으로 접근 가능하다.
express.static 미들웨어 함수를 통해 제공되는 파일에 대한 경로에 가상경로를 앞에 추가하고 싶다면 다음과 같이 정적 파일이 있는 폴더에 대한 마운트 경로를 지정하면 된다.
app.use('/static', express.static('images'));이렇게 하면 다음과 같이 images 파일 밑에 있는 파일에 접근해야 한다.
http://localhost:3000/static/pocahcco.png
*공부 중에 작성한 내용으로, 틀린 부분이 있을 수 있습니다. 참고 부탁드려요!*