JSFiddle - React, Tailwind, and code Playground

by seong gyun jeon

JavaScript

window.onload = function(){

        HBPage({
            // DB 요청 URL
            url: 'list.aspx',
            // parameters
            data: {
                mode: 'list'
            },
            // 리스트 컨테이너 엘리먼트 객체
            listContainer: document.getElementsByTagName('tbody')[0],
            // 페이징 컨테이너 엘리먼트 객체
            pagingContainer: document.getElementById('wrap_paging'),
            // 페이지 사이즈
            pSize: 24,
            // 페이지 블럭 사이즈
            bSize: 10,
            // 페이징 캐쉬 타임
            cacheTimeout: 60,
            args: arguments,
            // 리스트 이벤트
            onlist: function (model, add) {

                (function (self) {

                    // Jsons --> Array 변환
                    var models = self.getJsonsToArray(model);

                    // 배열 
                    self.each(models, function (idx) {

                        var gIdx = idx;

                        self.each(this, function (idx) {

                            self.add('<tr class="">')
                            .add('<td class="divsn"><a href="list?bbsId=G003&&itemGroupId=29&objCate1=97&sortKey=depth" title="사회">' + getCategoryName(this.Category) + '</a></td>')
                            .add('<td class="subject"><a href="read?articleId=1021709&bbsId=G003&itemGroupId=29&pageIndex=1" id="gLsbj_1021709" title="지방정계 진출까지 노린 조폭 일망타진 " >' + self.cut(this.Title, 50, '...') + '</a><img src="http://i1.daumcdn.net/img-contents/ruliweb/2011/image/common/new_111128.gif" width="9" height="9" alt="새글" /></td>')
                            .add('<td class="name">')

                            .add('<a href="list?bbsId=G003&itemId=18" title="사회/정치/경제">사회/정치/경제 </a>')

                            .add(' <img src="http://img.vaanonline.co.kr/img_new/img_common/icon_new.gif" alt="NEW" />')

                            .add('</td>')

                            .add('<td class="writer"><a href="javascript:;"...