[express.js] express.static()

express.static()란?

• 이미지, CSS 파일 및 JavaScript 파일과 같은 정적 파일을 제공하려고 할 때 사용하는 express 내장 미들웨어 함수

  • app.use(express.static('public'));
    경로: localhost:3000 으로 실행하면 html 파일이 제공된다.
  • app.use("/static", express.static("public"));
    가상 경로: localhost:3000/static 으로 실행해야 html 파일이 제공된다.

하지만 이렇게 할 경우 다른 경로에서 서버를 실행할 때 에러가 난다. 절대 경로를 사용해줘야한다.

절대 경로

• app.use("/static", express.static(path.join(__dirname, "public")));

정적 파일 사용법

1. public 폴더를 생성한다.
2. css를 사용하면 css 폴더를 public 폴더 안에 생성한다.
   
3. 서버를 실행할 파일에서 미들웨어 함수를 적용시킨다.

   const path = require("path");
   app.use("/static", express.static(path.join(__dirname, "public")));