[Developer] [node.js] 4.

출처; 생활코딩의 Node.js의 강의 내용 / 이고잉 강사님 감사드립니다 (꾸벅)

    오늘은 지난번 강의, Data폴더에 있는 querysting과 동일한 명을 가지고 있는 하위 파일의 내용들이 내가 만든 웹페이지에 보이게 된다고 했는데. 여기서 이해가 안 가는 부분은. 웹페이지가 동작할 때, 사용자가 특정 하이퍼링크를 클릭해서 이에 대응하는 텍스트가 웹페이지에게 보이게 되지만, 결국은 하이퍼링크 목록은 사용자가 일일이 새로운 내용은 추가하고 삭제해야 되는 것인가? 라는 생각이었다. 아래 그림에서 보라색으로 밑줄쳐져 있는 영역의 경우 사용자의 노동이 필요한 것인가? 이에 대해서 <파일 목록 알아내기> 편에서 이에 대한 질문으로 강의를 시작한다. 

이에 대한 개념은 생각보다 간단하다. 그리고 이러한 문제 의식이 좋은 코딩, 효율적인 코딩을 하는데 있어서 중요하다는 것을 알게 되었다. 

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;
}



fs.readdir('./data', function(error, filelist){
  var title = 'Welcome';
  var description = 'This is a main page';
  var list = templatelist(filelist);
  var template = templateHTML(title, list, description);
  response.writeHead(200);
  response.end(template);
})

  

먼저, fs.readdir('./data' 의 부분을 보자. ./(현재 경로에서, 콘솔에서 실행되는 경로 위치에서 그 위의 to_do_list의 목록이 담긴 폴더의 경로를 입력하면(./data) 우리는 이 data폴더에 담긴 파일들의 배열을 얻을 수 있다. 추후에 이것이 filelist라는 매개변수에 담기게 되고, function의 filelist의 변수에는 [k-pop-star, cara_yoon, personal_tastes]를 받아서, templatelist의 함수를 보면 이에 대한 이름을 차곡차곡 <li> </li>를 감싸는 코드에 넣게 된다.