편집 기록

편집 기록
  • 프로필 엽토군님의 편집
    날짜2019.08.25

    while문을 통째로 줄바꿈 시키고 싶어요 HTML


    module.exports = {
        HTML:function(title, board, control){
          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;
            }
            </style>
              </head>
              <body>
                  <div id="board">
                  <table border="3">
                          <thead>
                              <th>제목</th>
                              <th>작성자</th>
                              <th>날짜</th>
                              <th>조회수</th>
                          </thead>
                          <tbody>
                              ${board}
                          </tbody>
                      </table>
                      ${control}
                  </div>
              </body>
          </html>`;
        },board:function(lifeboards){
          var board = ``;
          var i = 0;
            while(i < lifeboards.length){
              var board = board +`<th><div style="text-align:left"><ul class="board"><li><a href="/?id=${lifeboards[i].id}">${i+1}. ${lifeboards[i].title}</a></li>
              <th><div style="text-align:left"><ul class="board"><li>${lifeboards[i].writer}</li>
              <th><div style="text-align:left"><ul class="board"><li>${lifeboards[i].day}</li>
              <th><div style="text-align:left"><ul class="board"><li>${lifeboards[i].see}</li>
              `;
              i = i + 1;
    
            }
            board = board + `</ul></div></th><br>`;
          return board;
          }
      }
    
    

    이게 코드인데
    메인에서 db.querylifeboards의 정보를 가져왔습니다(데이터 배이스에요)
    그리고 아래 사진과 같이 나오는 테이블을 while문을 통째로 줄바꿈 하고 싶어요.
    제목, 작성자, 날짜, 조회수가 줄을 맞춰서 나오게끔 하려고 하는데.. <br><p>도 먹히질 않네요
    도와주실 수 있을까요?

    이미지

    아직 공부하는.. 학생이여서 미숙한 질문, 죄송합니다

  • 프로필 알 수 없는 사용자님의 편집
    날짜2019.08.25

    while문을 통째로 줄바꿈 시키고 싶어요 HTML


    module.exports = {
        HTML:function(title, board, control){
          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;
            }
            </style>
              </head>
              <body>
                  <div id="board">
                  <table border="3">
                          <thead>
                              <th>제목</th>
                              <th>작성자</th>
                              <th>날짜</th>
                              <th>조회수</th>
                          </thead>
                          <tbody>
                              ${board}
                          </tbody>
                      </table>
                      ${control}
                  </div>
              </body>
          </html>`;
        },board:function(lifeboards){
          var board = ``;
          var i = 0;
            while(i < lifeboards.length){
              var board = board +`<th><div style="text-align:left"><ul class="board"><li><a href="/?id=${lifeboards[i].id}">${i+1}. ${lifeboards[i].title}</a></li>
              <th><div style="text-align:left"><ul class="board"><li>${lifeboards[i].writer}</li>
              <th><div style="text-align:left"><ul class="board"><li>${lifeboards[i].day}</li>
              <th><div style="text-align:left"><ul class="board"><li>${lifeboards[i].see}</li>
              `;
              i = i + 1;
    
            }
            board = board + `</ul></div></th><br>`;
          return board;
          }
      }
    
    

    이게 코드인데 메인에서 db.qurey로 lifeboards의 정보를 가져왔습니다(데이터 배이스에요) 그리고 아래 사진과 같이 나오는 테이블을 while문을 통째로 줄바꿈 하고 싶어요. 제목, 작성자, 날짜, 조회수가 줄을 맞춰서 나오게끔 하려고 하는데.. 도 도 먹히질 않네요 도와주실 수 있을까요? 이미지 아직 공부하는.. 학생이여서 미숙한 질문, 죄송합니다