1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
module.exports = {
    HTML: function (post_list) {
        return `
    <!doctype html>
    <html>
    <head>
        <meta charset="utf-8" />
        <title>방명록</title>
        <!--<script src="../JS/indexJS.js"></script>-->
        <!-- bootstrap extension-->
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
        <script src="../resource/bootstrap/js/bootstrap.min.js"></script>
        <link rel="stylesheet"
              href="../resource/bootstrap/css/bootstrap.min.css" />
        <!-- bootstrap extension-->
    </head>
    <body>
        <div class="container-fluid">
        <div class="row">
            <div class="col-md-12">
                <div class="page-header">
                    <h1>
                        방명록 <small>한마디의 의견을 남겨주세요</small>
                    </h1>
                </div>
                <form role="form">
                    <div class="form-group">
 
                        <label for="exampleInputEmail1">
                            이름
                        </label>
                        <input type="text" class="form-control" id="exampleInputEmail1" />
                    </div>
                    <div class="form-group">
 
                        <label for="exampleInputPassword1">
                            의견
                        </label>
                        <input type="text" class="form-control" id="exampleInputPassword1" />
                    </div>
                    <button type="submit" class="btn btn-primary">
                        방명록 남기기
                    </button>
                </form>
                ${post_list}
                </div>
            </div>
        </div>
    </body>
    </html>
        `;
    },
    list: function (topics) {
        var list = '<div class="card">';
        var i = 0;
 
        while (i < topics.length) {
            list = list + `<h5 class="card-header">
                            ${topics[i].post_number}번째 코멘트 ${topics[i].post_name}님
                            </h5>
 
                            <div class="card-body">
                            <p class="card-text">
                            ${topics[i].post_contain}
                            </p>
                            </div>
 
                            <div class="card-footer">
                            ${topics[i].post_date}
                            </div>`;
            i = i + 1;
        }
        list = list + '</div >';
        return list;
    }
}
cs



Node.js 에서 DB연결하고 템플릿에 넣어서 새 html 만드는 모듈임

부트 스트랩 부분을 빼면 잘 작동함

근데 부트 스트랩 부분을 넣으면 웹페이지 무한 로딩이 걸림...

헤드 태그에 스크립트 태그에서 경로가 안읽히는거 같음 내생각엔

이 스크립트는 project\views 에 들어있고 불러와야 하는 부트스트랩은 project\resource\bootstrap\js에 들어있는 상황

복붙할때 색깔이 왜 안변하는지 모르겠는데 <html> 태그 안에 있는 내용들은 전부 ``로 둘러쌓인 문자열임