node.js 웹사이트 개발 - express, static

1. 정적(Static) 파일 서비스

 

일단 정적파일이란, js, css, image 등 값이나 데이터가 변하지 않는 파일들을 의미하며

Express 에서 웹에 정적파일을 서비스하기 위해서는 static 이라는 메소드를 이용합니다.

app.use(express.static('public'))

이는 public 이라는경로의 파일은 모두 서비스를 제공하게 됩니다.

 

/public/js 디렉토리를 만들어 주고 js 디렉토리에 main.js 파일을 생성합니다.

localhost:8001/public/js/main.js 로 접근을 하게 되면 파일을 찾지 못하고 404에러가 발생합니다.

해당 정적 파일들을 서비스 하기 위해서는 이처럼 static 경로로 지정해야 지정된("/js") 경로로 서비스를 할 수 있습니다.

app.use('/js', express.static('public/js')); 
var path = require("path");

app.use('/js', express.static(path.join(__dirname, 'public/js')));

__dirname 은 node.js 에서는 현재의 절대 경로를 나타내는 상수 입니다.

path는 express 내장 모듈입니다.

 

웹에서 js 경로로 접근 가능

<script src="js/main.js"></script>

 

 

 

 

<관련글>

2020/11/25 - [dev/node.js] - node.js 웹사이트 맨땅 개발하기 - 웹사이트 레이아웃, express-ejs-layouts

2020/11/24 - [dev/node.js] - node.js 웹사이트 맨땅 개발하기 - express, EJS

2020/10/05 - [dev/node.js] - node.js 웹사이트 맨땅 개발하기 - express, get, post

2020/10/05 - [dev/node.js] - node.js 웹사이트 맨땅 개발하기 - express, static

2020/09/29 - [dev/node.js] - node.js 웹사이트 맨땅 개발하기 - express.js