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

728x90

첫 화면에서는 다른 내용이 보이도록 하자.

조건문 구조는 아래와 같다.

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;

    console.log(pathname);

    if(pathname === '/'){
      if(queryData.id === undefined){ // 없는 값을 호출하려고 할 때
        fs.readFile(`data/${queryData.id}`, 'utf8', function(err, description){
          var title = 'Welcome';
          var description = 'Hello, Node.js';
          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>
              <li><a href="/?id=JavaScript">JavaScript</a></li>
            </ul>
            <h2>${title}</h2>
            <p>${description}</p>
          </body>
          </html>
          `;
          response.writeHead(200);
          response.end(template);
        });
      } else { // id가 defined 되었을 때
        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>
            <ul>
              <li><a href="/?id=HTML">HTML</a></li>
              <li><a href="/?id=CSS">CSS</a></li>
              <li><a href="/?id=JavaScript">JavaScript</a></li>
            </ul>
            <h2>${title}</h2>
            <p>${description}</p>
          </body>
          </html>
          `;
          response.writeHead(200);
          response.end(template);
        });
      }
    } else { //ERROR
      response.writeHead(404);
      response.end('Not found');
    }
});
app.listen(3000);

첫화면

클릭하면 해당 파일의 내용을 불러와서 보여준다.

728x90

저작자표시

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

[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
[Node.js] 커스텀 모듈 작성 (0)	2021.02.16