NaN오류가 일어납니다..(javascript)

조회수 487회
module.exports = {
    HTML:function(title, board, control, page){
      return `
      <!DOCTYPE html>
      <html>
          <head>
            <title>${title}</title>
            <meta charset="utf-8">
            <style type="text/css">
        ul.board, ol.board {
            list-style: none;
            margin: 0px;
            padding: 5px;
        }
        form {
          display: inline;
        }
        table.type09 {
          border-collapse: separate;
          text-align: left;
          line-height: 2;

      }
      table.type09 thead th {
          padding: 10px;
          font-weight: bold;
          vertical-align: top;
          color: #369;
          border-bottom: 3px solid #003699;
      }
      table.type09 tbody th {
          width: 150px;
          padding: 10px;
          font-weight: bold;
          vertical-align: top;
          border-bottom: 1px solid #ccc;
          background: #f3f6f7;
      }
      table.type09 td {
          width: 350px;
          padding: 10px;
          vertical-align: top;
          border-bottom: 1px solid #ccc;
      }
        </style>
          </head>
          <body>
              <div id="board">
              <table class="type09">
                      <thead>
                        <tr>
                          <th>제목</th>
                          <th>작성자</th>
                          <th>날짜</th>
                          <th>조회수</th>
                        </tr>
                      </thead>
                      <tbody>
                        ${board}
                      </tbody>
                  </table>
                  ${control}
              </div>
                ${page}
          </body>
      </html>`;
    },board: function (lifeboards) {
    var board = ``;
    for (i = 0; i < lifeboards.length; i++) {
      var article = lifeboards[i];
      var titleBold = article.titleBold;
      board += `<tr>`;
      if(titleBold == "1") {
        board += `<td><a href="/?id=${article.id}"> <b><공지>${article.title}</b> </a></td>`;
        board += `<td>${article.writer}</td>`;
        board += `<td>${article.day}</td>`;
        board += `<td>${article.see}</td>`;
        board += `</tr>`;
      }
    }
    for (i = 0; i < lifeboards.length; i++) {
        var article = lifeboards[i];
        var titleBold = article.titleBold;
        board += `<tr>`;
        if(titleBold == "1") {
          board += `<td><a href="/?id=${article.id}"> ${i+1}. <b>${article.title}</b> </a></td>`;
        } else if(titleBold == "0") {
          board += `<td><a href="/?id=${article.id}" style="text-decoration:none">${i+1}. ${article.title}</a></td>`;
        }
        board += `<td>${article.writer}</td>`;
        board += `<td>${article.day}</td>`;
        board += `<td>${article.see}</td>`;
        board += `</tr>`;
    }
    return board;

  },page:function (lifeboards) {
    var page = ``
      for(j = 0; j < lifeboards.length/5; j++) {
        a = `[<a href="/?page=${j+1}">${j+1}</a>]`;
      }
      page =+ `<tr>`;
      page =+ `<td colspan="5">`;
      page =+ a;
      page =+ `</td>`;
      page =+ `</tr>`;
    return page;
  } 
}

위에가 코드인데 page부분에서 page의 값이 NaN이 나옵니다.. [1] [2] <-이런 식으로 나와야 하는데 왜 그러는 걸까요..? 질문드립니다..

아래는 결과 이미지 입니다

이미지

  • (•́ ✖ •̀)
    알 수 없는 사용자
  • =+ 를 += 으로 다 바꿔서 시도해 보세요. 엽토군 2019.10.23 13:24

답변을 하려면 로그인이 필요합니다.

프로그래머스 커뮤니티는 개발자들을 위한 Q&A 서비스입니다. 로그인해야 답변을 작성하실 수 있습니다.

(ಠ_ಠ)
(ಠ‿ಠ)