[Node] #Express - 정적파일(static)

이미지, CSS파일 및 Javascript파일과 같은 정적 파일를 제공하려면 express.static를 사용하면 됩니다.


express.static()에 포함된 디렉토리의 이름을 미들웨어 함수에 전달하면 파일의 로드를 할 수 있습니다.

app.use(express.static('public')); //public이라는 디렉토리를 만듦

이렇게 코드를 작성해주세요.
그다음,
NodeTest프로젝트에 public이라는 폴더(디렉토리)를 만들겠습니다.

만드셨나요?
public이라는 폴더에 본인이 좋아하는 이미지하나를 다운받아주세요.

해주셨나요? 
실행을 시키고
브라우저를 오픈을 한뒤 주소에  localhost:3000/a.jpg 치시면

이렇게 이미지가 나옵니다.

밑에 방법은 동적인 방법입니다.

//동적인 방법
app.get('/route', function(req, res){ //localhost:3000/route 를 치면 페이지 나옴
        res.send('<img src="/a.jpg">')
})

main.js 을 실행해주세요 
저는 cmd창에서 실행을 시켜주겠습니다.

그 다음 브라우저에 localhost:3000/route

이렇게 이미지가 나왔으면 성공한겁니다!!
이 방법과 같이 css, script,txt 등 다른 파일들도 가능합니다!!