[NodeJS] - 웹사이트 3차 함수를 이용하여 중복 제거 및 가독성 높이기
○ 웹사이트 3차 함수를 이용하여 중복 제거 및 가독성 높이기 |
if else 분기문에서의 반복적인 패턴(코드)를 함수를 이용하여 중복을 제거하면 코드의 양을 줄이고 가독성을 높일 수 있다!!! // 함수 사용 전(if ~ else 분기문에 2번 이상 사용) var template = ` <!doctype html> <html> <head> <title>WEB1 - ${title}</title> <meta charset="utf-8"> </head> <body> <h1><a href="/">WEB</a></h1> ${list} ${body} </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> `; } // 만들어진 함수를 사용하여 간편히 사용할 수 있다 var template = templateHTML(title, list, `<h2>${title}</h2>${description}`); // 함수 사용 전(if ~ else 분기문에 2번 이상 사용) 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>'; // 그대로 복사해서 함수를 만들고 사용되는 매개변수들을 넣어준다 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); |
참조 : https://opentutorials.org/course/3332/21123 (생활코딩)
'NodeJS' 카테고리의 다른 글
| [NodeJS] - NPM으로 프로젝트에 모듈 설치하기(package.json) (0) | 2018.10.14 |
|---|---|
| [NodeJS] - NPM(Node Package Management)이란 무엇인가 (0) | 2018.10.14 |
| [Javascript] - 함수의 생성 및 입력과 출력 return (0) | 2018.09.19 |
| [NodeJS] - 웹사이트 2차 fs.readdir로 자동화시키기 (0) | 2018.09.16 |
| [NodeJS] - 디렉토리에 파일 목록들 읽어오기 fs.readdir (0) | 2018.09.16 |