Node.js Express 정적(static) Public 폴더 사용하기

🤳 Node.js Static File(정적 파일)

---

정적 파일이란,  직접 값에 변화를 주지 않는 이상 변하지 않는 파일을 의미합니다. 

즉 css, image, js 파일 등을 의미합니다. 프로젝트를 진행하다보면 정적 파일 사용이 

필요할때가 있습니다. 그래서 Express 이러한 정적 파일을 손쉽게 제공할 수 있는 

미들웨어를 제공합니다.

---

🐱‍👓 Node.js Static File(정적 파일)

---

Express에 static 메소드를 제공합니다. static 메소드를 활용해서 편리하게 정적폴더 public 미들웨어를

설정할수있습니다. 

ex : 

• http://localhost:3000/public/css/common.css 
• http://localhost:3000/css/common.css

이런식으로 파일경로를 접근할수 있는 기능을 제공합니다!

---

🤷‍♂️ Node.js Static File(정적 파일) part2

이런식으로 가상경로를 지정해서 static 미들웨어 설정도 가능합니다. 

ex 

• http://localhost:3000/public/css/common.css 
• http://localhost:3000/static/css/common.css

가상경로를 설정한다면 이런식으로 파일경로를 제공합니다.

---

🐱‍👓 Node.js Static File(정적 파일) 정리

마지막으로 저는 주로 절대경로를 활용해서 public 미들웨어를 설정합니다. 

express.static 메소드는 node 프로세스가 실행되는 디렉터리에 상대적이기 때문에 

저는 절대경로로 설정을 합니다.