[Node.js_생활코딩]동적인 웹페이지 만들기

728x90

이때까지 하드코딩을 하고 있었다.

EX )

이렇게 되면 파일을 하나씩 추가할 때마다 또 새롭게 코드를 작성해야한다.

이를 효율적으로 하기위해서 데이터 폴더 안에있는 파일 개수만큼 반복하는 방법을 사용하자.

data에 파일을 하나 추가하고 실행해보니 잘 작동한다!

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 pathname = url.parse(_url, true).pathname;
    if(pathname === '/'){
      if(queryData.id === undefined){
 
        fs.readdir('./data', function(error, filelist){
          var title = 'Welcome';
          var description = 'Hello, Node.js';
          var list = '<ul>';
          var i = 0;
          while(i < filelist.length){
            list = list + `<li><a href="/?id=${filelist[i]}">${filelist[i]}</a></li>`;
            i = i + 1;
          }
          list = list+'</ul>';
          var template = `
          <!doctype html>
          <html>
          <head>
            <title>WEB1 - ${title}</title>
            <meta charset="utf-8">
          </head>
          <body>
            <h1><a href="/">WEB</a></h1>
            ${list}
            <h2>${title}</h2>
            <p>${description}</p>
          </body>
          </html>
          `;
          response.writeHead(200);
          response.end(template);
        })
 
 
 
      } else {
        fs.readdir('./data', function(error, filelist){
          var title = 'Welcome';
          var description = 'Hello, Node.js';
          var list = '<ul>';
          var i = 0;
          while(i < filelist.length){
            list = list + `<li><a href="/?id=${filelist[i]}">${filelist[i]}</a></li>`;
            i = i + 1;
          }
          list = list+'</ul>';
          fs.readFile(`data/${queryData.id}`, 'utf8', function(err, description){
            var title = queryData.id;
            var template = `
            <!doctype html>
            <html>
            <head>
              <title>WEB1 - ${title}</title>
              <meta charset="utf-8">
            </head>
            <body>
              <h1><a href="/">WEB</a></h1>
              ${list}
              <h2>${title}</h2>
              <p>${description}</p>
            </body>
            </html>
            `;
            response.writeHead(200);
            response.end(template);
          });
        });
      }
    } else {
      response.writeHead(404);
      response.end('Not found');
    }
 
 
 
});
app.listen(3000);

728x90

저작자표시

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

[Node.js_생활코딩]동적인 웹페이지 만들기_폼만들기, Create, Read (0)	2021.02.16
[Node.js_생활코딩]동적인 웹페이지 만들기_함수로 정리하기 (0)	2021.02.16
[Node.js_생활코딩]동적인 웹페이지 만들기_홈(첫화면)페이지 만들기 (0)	2021.02.16
[Node.js_생활코딩] 동적인 웹페이지 만들기_파일 읽어서 본문 변경 (0)	2021.02.16
[Node.js_생활코딩] 동적인 web page 만들기 (0)	2021.02.16