중복된 코드 함수화 하기
var template = `
<!doctype html>
<html>
<head>
<title>${title}</title>
<meta charset="utf-8">
</head>
<body>
<h1><a href="/">WEB</a></h1>
${list}
<h2>${title}</h2>
<p>${description}</p>
</body>
</html>
`;HTML이 계속 중복되기 때문에,
function temtplateHTML(title, list, body) {
return `
<!doctype html>
<html>
<head>
<title>${title}</title>
<meta charset="utf-8">
</head>
<body>
<h1><a href="/">WEB</a></h1>
${list}
${body}
</body>
</html>
`;
}재사용할 수 있도록 함수로 정의해준다.
이 후, 기존의 html 부분을 지우고 아래의 함수를 넣어준다.
var template = templateHTML(title, list, `<h2>${title}</h2>${data}`)또, list부분이 중복되기 때문에,
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;
}이렇게 함수를 정의해서 고쳐주고 해당 코드가 있던 부분을 고쳐준다.
var list = templateList(filelist);