웹 프로그래밍(jinja2 언어)

변환한내용 매우 짧아진다

        {% for definition in result.definitions %}
        <div class="definition">
            <div style="font-style: italic">{{definition.type}}</div>
            <div>{{definition.definition}}</div>
            <div style="color: #808080; font-size:14px">{{definition.example}}</div>
        </div>
        {% endfor %}

변환전

	function listing() {
        $.ajax({
            type: "GET",
            url: "/diary",
            data: {},
            success: function (response) {
                let diaries = response['all_diary']
                for (let i =0; i<diaries.length;i++){
                    let title = diaries[i]['title']
                    let content = diaries[i]['content']
                    let file = diaries[i]['file']
                    let time = diaries[i]['time']
                    let temp_html = `<div class="card">
                                        <img src="../static/${file}" class="card-img-top">
                                          <div class="card-body">
                                            <h5 class="card-title">${title}</h5>
                                            <p class="card-text">${content}</p>
                                            <p class="card-date">${time}</p>
                                        </div>
                                    </div>`
                    $('#cards-box').append(temp_html)
                }

            }
        })
    }