Dev_Study/Node.js

[Node.js] 4. 파일내용을 본문에 구현하기

LeeDaniel 2021. 4. 30. 10:52

예제

var http = require('http');
var fs = require('fs');
var url = require('url');
 
var app = http.createServer(function(request,response){
    var _url = request.url;
    var queryData = url.parse(_url, true).query;
    var title = queryData.id;
    if(_url == '/'){
      title = 'Welcome';
    }
    if(_url == '/favicon.ico'){
      return response.writeHead(404);
    }
    response.writeHead(200);
    fs.readFile(`data/${queryData.id}`, 'utf8', function(err, description){
      var template = `
      <!doctype html>
      <html>
      <head>
        <title>WEB1 - ${title}</title>
        <meta charset="utf-8">
      </head>
      <body>
        <h1><a href="/">WEB</a></h1>
        <ul>
          <li><a href="/?id=HTML">HTML</a></li>
          <li><a href="/?id=CSS">CSS</a></li>
        </ul>
        <h2>${title}</h2>
        <p>${description}</p>
      </body>
      </html>
      `;
      response.end(template);
    })
 
 
});
app.listen(3000);

읽어올 파일(HTML)

data > HTML파일

읽어올 파일(CSS)

data > CSS파일

테스트

728x90
반응형

'Dev_Study > Node.js' 카테고리의 다른 글

[Node.js] 3. 파일 읽기  (0) 2021.04.30
[Node.js] 2. 동적 웹페이지 만들기  (0) 2021.04.30
[Node.js] 1. 서버 만들기  (0) 2021.04.30
[Node.js] 0. Node.js?  (0) 2021.04.29