함수 적용하여 코드 정리

nodejs
함수 적용하여 코드 정리

byeol_dev 2023. 8. 23. 15:43
이전에 작성한 main.js 코드 정리
함수 작성하여 중복코드 제거
var http = require('http');
var fs = require('fs');
//url이라는 모듈을 사용할 것이라는 코드
var url = require('url');

//본문 부분 함수로 설정하여 중복 제거
//title, list, body값을 받아 html에 반영
function templateHTML(title, list, body){
  return `
    <!doctype html>
    <html>
    <head>
      <title>WEB1 - ${title}</title>
      <meta charset="utf-8">
    </head>
    <body>
      <h1><a href="/">WEB</a></h1>
      ${list}
      ${body}
    </body>
    </html>
  `;
}

//파일 리스트 불러와서 글목록 생성 함수
//data폴더의 리스트를 받아와 html에 나타냄
function templateList(filelist){
  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>';
  return list;
}

//url에서 데이터 받기
//query, pathname을 받아옴
//query값을 id를 포함한 경로
//pathname은 경로
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(url.parse(_url, true).pathname);
  if(pathname === '/'){
    //홈 부분 설정
    if(queryData.id === undefined){
      //파일 리스트 가져오기
      //readdir로 data폴더 안에 있는 데이터를 불러옴
      fs.readdir('./data', function(error, filelist){
        console.log(filelist);
        //웹페이지에 보여줄 코드
        var title = 'Welcome';
        var description = 'Hello, node.js';
        
        //파일 리스트로 글목록 표시하기
 		//위에서 작성한 본문 함수, 글목록 생성 함수 호출
        var list = templateList(filelist);
        var template = templateHTML(title, list, `<h2>${title}</h2>${description}`);
        
        response.writeHead(200);
        response.end(template);
        //()안에 어떤 코드를 넣냐에 따라 사용자에게 전달할 데이터를 전달
      })


    } else{
      fs.readdir('./data', function(error, filelist){
        console.log(filelist);
        //웹페이지에 보여줄 코드
        //쿼리스트링에 따라 파일명 생성                            본문 내용
        fs.readFile(`data/${queryData.id}`, 'utf8', function(err, description){
          //웹페이지에 보여줄 코드
          var title = queryData.id;
          //파일 리스트로 글목록 표시하기
          var list = templateList(filelist);
          var template = templateHTML(title, list, `<h2>${title}</h2>${description}`);
          response.writeHead(200);
          response.end(template);
          //()안에 어떤 코드를 넣냐에 따라 사용자에게 전달할 데이터를 전달
        });
      });
    }
  }else{
    //파일이 서버 찾을 수 없을 때
    response.writeHead(404);
    response.end('Not found');
  }

});
app.listen(3000);
저작자표시 (새창열림)