본문 바로가기
프로그래밍 개발/Express

Express - 정적인 파일의 서비스

by Jinseok Kim 2021. 1. 14.
반응형

 

 

정적인 파일의 서비스

 

 

express에서 이미지, 자바스크립트, CSS와 같은 파일을 서비스하는 방법이 있다.

 

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

위 코드를 추가시켜줘야 정적인 파일을 적용할 수 있다.

 

 

 

 

main.js

const express = require('express')
const app = express()
const port = 3000
var fs = require('fs');
var qs = require('querystring');
var template = require('./lib/template.js');
var path = require('path');
var sanitizeHtml = require('sanitize-html');
var bodyParser = require('body-parser')

app.use(express.static('public')); //추가
app.use(bodyParser.urlencoded({ extended: false }))
app.get('*', function(request, response, next){
  fs.readdir('./data', function(error, filelist){
    request.list = filelist;
    next();
  });
});

app.get('/', (request, response) => {
  
          var title = 'Welcome';
          var description = 'Hello, Node.js';
          var list = template.list(request.list);
          var html = template.HTML(title, list,
            `<h2>${title}</h2>${description}
            //추가
 <img src="/image/블레이드 러너 2049 바탕화면.jpg " style="width:300px; display:block; margin-top:10px;">`,
                                   
            `<a href="/create">create</a>`
          );
         
          response.send(html);
        
});

 

반응형

'프로그래밍 개발 > Express' 카테고리의 다른 글

Express - 라우터의 파일로 분리 정리  (0) 2021.01.14
Express - 에러처리  (0) 2021.01.14
Express - 미들웨어  (0) 2021.01.14
Express - Express 홈페이지 구현 적용  (0) 2021.01.14
Express - 기본 세팅 시작  (0) 2021.01.14

댓글