📗Nodejs : section26 - 함수를 이용해서 정리 정돈하기

📗Nodejs/⚡ver.0

📗Nodejs : section26 - 함수를 이용해서 정리 정돈하기

4:Bee 2024. 6. 17. 23:24

728x90

이번 수업에서는 우리가 이전에 제작했던 코드들을 함수화해서 리팩토링을 하는 과정을 가질 것이다. 우선 가장 크게 중복이 되고 있는 부분은 바로 html 부분이다. 그 다음으론 파일을 리스트화 하는 list 부분이다. 해당 부분들을 함수로 만든 코드는 다음 아래와 같다.

function templateHTML(title, list, body) {

return `

<!doctype html>

<html>

<head>

<title>WEB1 - ${title}</title>

</head>

<body>

${list}

${body}

</body>

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

}

이후 우리가 위의 함수들을 활용해서 본문을 작성 한 코드는 아래와 같다.

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 = templateList(filelist);

var template = templateHTML(title, list, `<h2>${title}</h2>${description}`);

response.writeHead(200);

response.end(template);

})

} else {

fs.readdir('./data', function (error, 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);

위와 같이 코드를 작성하면서 우리가 중점 적으로 보아야 할 코드가 무엇인지 명료하게 보인다. 여기서 한발자국 더 해서 if문과 else문에서 중복되는 부분들의 코드들도 있다. 이 부분 또한 함수로 분리해서 관리하고 재활용하면 더욱 코드가 간결해질 것이다. 현재까지는 main.js 스크립트 하나에 모든 코드를 작성하고 있다. js는 ES6를 기준으로 모듈형식으로 작성되고 동작한다. 따라서 위에서 작성된 함수들을 모듈화해서 관리 유지 보수가 되면 좋겠다는 생각을 했다.

지금까지의 코드들을 보면 nodejs의 핵심 부분들은 모두 배워 본 것 같다. 함수도 분리가 되었으니 이를 가지고 다음 포스팅에서는 조금 더 면밀하게 분석하고 공백기간 동안의 공백을 다시금 체울 수 있는 리마인드 시간을 가져보려 한다.

728x90

저작자표시 (새창열림)