NodeJS

[NodeJS] - 웹사이트 3차 함수를 이용하여 중복 제거 및 가독성 높이기

Riucc 2018. 9. 19. 01:21

○ 웹사이트 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 (생활코딩)