-
-
-
-
-
-
- 
- Java Service Tree Framework DevTools
-
-
-
-
-
+
+
+
+
+
+
+ 첫번째 박스
+
+
+
+
+
+
-
- ALM - Application Lifecycle Manage -
- +
-
-
-
-
-
-
- 
- 
- 
- 
-
- a-RMS
- - - - - -
- Jira
- - - - - -
- Confluecne
- - - - - -
- Fecru
- - +
+
+ 1. Productservice 를 선택해 주세요 ++
+
+
+
+
+ + 2. Productservice의 버전을 선택해 주세요 ++
+
+
+
+
+
-
-
- CICD
- Continuous Integration/Delivery
+
-
-
+
+
- CICD
- Continuous Integration/Delivery
+
+
+
+
+ 선택된 제품 및 버전 Sender 자리
+
-
-
-
-
-
- 
- Github
-
-
-
-
-
- 
- Jenkins
-
-
-
-
-
- 
- Nexus
-
-
-
-
-
- 
- Sonarqube
-
-
-
-
-
- 
- ArgoCD
-
-
-
-
-
- 
- Spinnaker
-
-
-
-
+
+
+ -
+
+ 전환전
+
+ -
+
+ 진행중
+
+ -
+
+ 전환완료
+
+
+
+
+ + + 선택된 제품 및 버전 Sender 자리 +
-
-
-
-
-
-
-
-
-
-
-
+
- Github
- - - - - -
- Jenkins
- - - - - -
- Nexus
- - - - - -
- Sonarqube
- - - - - -
- ArgoCD
- - - - - -
- Spinnaker
- - - --
+
- + + 전환전 + +
- + + 진행중 + +
- + + 전환완료 + +
+
+
+
+
-
-
-
-
+
+
+
+
+
+
+
+ 두번째 박스
+
+
+
+
+
+
+
-
-
- NFS & Mail & ETC
- network file & Mail system
+
-
-
+
- NFS & Mail & ETC
- network file & Mail system
+
+
+
+
+ 전체 어플리케이션 진행 현황 컬러표
+
-
-
+
+
+ -
+
+ 전환전
+
+ -
+
+ 진행중
+
+ -
+
+ 전환완료
+
+
+
+
+ + + 전체 어플리케이션 진행 현황 컬러표 +
-
- 
- 
- -
+
- + + 전환전 + +
- + + 진행중 + +
- + + 전환완료 + +
+
+
+
+
-
-
- Auth N/Z
- Open Source Identity and Access Manage
+
-
-
+
- Auth N/Z
- Open Source Identity and Access Manage
+
+
+
+
+ 차수별 진행 현황 컬러표
+
-
-
-
-
-
- 
- Keycloak
-
-
-
-
+
+
+ -
+
+ 전환전
+
+ -
+
+ 단위테스트
+
+ -
+
+ 성능테스트
+
+
+
+ -
+
+ 통합테스트
+
+ -
+
+ 컷오버
+
+ -
+
+ 전환 완료
+
+
+
+ + + 차수별 진행 현황 컬러표 +
-
-
-
-
-
-
+
- Keycloak
- - - --
+
- + + 전환전 + +
- + + 단위테스트 + +
- + + 성능테스트 + +
- + + 통합테스트 + +
- + + 컷오버 + +
- + + 전환 완료 + +
+
+
+
+
+
+
+
+
+
+
+ 세번째 박스
+
+
+
+
+
+
+
-
-
- RDG
- clientless remote desktop gateway
+
-
+
-
-
- RDG
- clientless remote desktop gateway
+
+
+
+
+ 전체 어플리케이션 진행 현황 컬러표
+
-
-
-
-
-
- 
- Guacamole
-
-
-
-
+
+
+ -
+
+ 전환전
+
+ -
+
+ 진행중
+
+ -
+
+ 전환완료
+
+
+
+
+ + + 전체 어플리케이션 진행 현황 컬러표 +
-
-
-
-
-
-
+
- Guacamole
- - - --
+
- + + 전환전 + +
- + + 진행중 + +
- + + 전환완료 + +
+
+
+
-
-
+
+
+
+
+
\ No newline at end of file
Index: arms/html/analysisTime/content-header.html
===================================================================
diff -u -r74de6df651f26570833fc55a872c7922131b6419 -r788aeafe69a4719e241d2b2e7ae378dc4a6becbb
--- arms/html/analysisTime/content-header.html (.../content-header.html) (revision 74de6df651f26570833fc55a872c7922131b6419)
+++ arms/html/analysisTime/content-header.html (.../content-header.html) (revision 788aeafe69a4719e241d2b2e7ae378dc4a6becbb)
@@ -1,13 +1,14 @@
+
+
+ 네번째 박스
+
+
+
+
+
+
+
-
-
- API
- Project API Document
+
-
-
+
- API
- Project API Document
+
+
+
+
+ 전체 어플리케이션 진행 현황 컬러표
+
-
-
-
-
-
- 
- Maven
-
-
-
-
-
- 
- Gitlab
-
-
-
-
-
- 
- Frontend
-
-
-
-
-
- 
- MiddleProxy
-
-
-
-
-
- 
- Backend
-
-
-
-
+
+
+ -
+
+ 전환전
+
+ -
+
+ 진행중
+
+ -
+
+ 전환완료
+
+
+
+
+ + + 전체 어플리케이션 진행 현황 컬러표 +
-
-
-
-
-
-
-
-
-
-
+
- Maven
- - - - - -
- Gitlab
- - - - - -
- Frontend
- - - - - -
- MiddleProxy
- - - - - -
- Backend
- - - --
+
- + + 전환전 + +
- + + 진행중 + +
- + + 전환완료 + +
+
+
+
+
-
-
- IAC
- Infrastructure as Code
+
-
-
+
- IAC
- Infrastructure as Code
+
+
+
+
+ 차수별 진행 현황 컬러표
+
-
-
-
-
-
- 
- Ansible
-
-
-
-
-
- 
- AWX
-
-
-
-
+
+
+ -
+
+ 전환전
+
+ -
+
+ 단위테스트
+
+ -
+
+ 성능테스트
+
+
+
+ -
+
+ 통합테스트
+
+ -
+
+ 컷오버
+
+ -
+
+ 전환 완료
+
+
+
+ + + 차수별 진행 현황 컬러표 +
-
-
-
-
-
-
-
+
- Ansible
- - - - - -
- AWX
- - - --
+
- + + 전환전 + +
- + + 단위테스트 + +
- + + 성능테스트 + +
- + + 통합테스트 + +
- + + 컷오버 + +
- + + 전환 완료 + +
+
+
+
+
+
+
+
+
+
+
+
+
+ 다섯번째 박스
+
+
+
+
-
+
+
-
-
- BigData
- data that contains greater variety
+
-
+
-
- BigData
- data that contains greater variety
+
+
+
+
+ 전체 어플리케이션 진행 현황 컬러표
+
-
-
+
+
+ -
+
+ 전환전
+
+ -
+
+ 진행중
+
+ -
+
+ 전환완료
+
+
+
+
+ + + 전체 어플리케이션 진행 현황 컬러표 +
-
- 
- 
- 
- -
+
- + + 전환전 + +
- + + 진행중 + +
- + + 전환완료 + +
+
+
+
+
+
+
+
+
+ 여섯번째 박스
+
+
+
+
+
+
+
+
+ - Dashboard - Statistics and more + Analysis + Time
Index: arms/js/analysisTime.js =================================================================== diff -u -r74de6df651f26570833fc55a872c7922131b6419 -r788aeafe69a4719e241d2b2e7ae378dc4a6becbb --- arms/js/analysisTime.js (.../analysisTime.js) (revision 74de6df651f26570833fc55a872c7922131b6419) +++ arms/js/analysisTime.js (.../analysisTime.js) (revision 788aeafe69a4719e241d2b2e7ae378dc4a6becbb) @@ -1 +1,494 @@ +/////////////////// +//Page 전역 변수 +/////////////////// +// 필요시 작성 + +//////////////////////////////////////////////////////////////////////////////////////// +//Document Ready +//////////////////////////////////////////////////////////////////////////////////////// +function execDocReady() { + + var pluginGroups = [ + [ "../reference/light-blue/lib/vendor/jquery.ui.widget.js", + "../reference/light-blue/lib/vendor/http_blueimp.github.io_JavaScript-Templates_js_tmpl.js", + "../reference/light-blue/lib/vendor/http_blueimp.github.io_JavaScript-Load-Image_js_load-image.js", + "../reference/light-blue/lib/vendor/http_blueimp.github.io_JavaScript-Canvas-to-Blob_js_canvas-to-blob.js", + "../reference/light-blue/lib/jquery.iframe-transport.js", + "../reference/light-blue/lib/jquery.fileupload.js", + "../reference/light-blue/lib/jquery.fileupload-fp.js", + "../reference/light-blue/lib/jquery.fileupload-ui.js"], + + [ "../reference/lightblue4/docs/lib/slimScroll/jquery.slimscroll.min.js", + "../reference/jquery-plugins/unityping-0.1.0/dist/jquery.unityping.min.js", + "../reference/light-blue/lib/bootstrap-datepicker.js", + "../reference/jquery-plugins/datetimepicker-2.5.20/build/jquery.datetimepicker.min.css", + "../reference/jquery-plugins/datetimepicker-2.5.20/build/jquery.datetimepicker.full.min.js", + "../reference/lightblue4/docs/lib/widgster/widgster.js"], + + [ "../reference/jquery-plugins/select2-4.0.2/dist/css/select2_lightblue4.css", + "../reference/jquery-plugins/lou-multi-select-0.9.12/css/multiselect-lightblue4.css", + "../reference/jquery-plugins/multiple-select-1.5.2/dist/multiple-select-bluelight.css", + "../reference/jquery-plugins/select2-4.0.2/dist/js/select2.min.js", + "../reference/jquery-plugins/lou-multi-select-0.9.12/js/jquery.quicksearch.js", + "../reference/jquery-plugins/lou-multi-select-0.9.12/js/jquery.multi-select.js", + "../reference/jquery-plugins/multiple-select-1.5.2/dist/multiple-select.min.js"], + + [ "../reference/jquery-plugins/dataTables-1.10.16/media/css/jquery.dataTables_lightblue4.css", + "../reference/jquery-plugins/dataTables-1.10.16/extensions/Responsive/css/responsive.dataTables_lightblue4.css", + "../reference/jquery-plugins/dataTables-1.10.16/extensions/Select/css/select.dataTables_lightblue4.css", + "../reference/jquery-plugins/dataTables-1.10.16/media/js/jquery.dataTables.min.js", + "../reference/jquery-plugins/dataTables-1.10.16/extensions/Responsive/js/dataTables.responsive.min.js", + "../reference/jquery-plugins/dataTables-1.10.16/extensions/Select/js/dataTables.select.min.js", + "../reference/jquery-plugins/dataTables-1.10.16/extensions/RowGroup/js/dataTables.rowsGroup.min.js", + "../reference/jquery-plugins/dataTables-1.10.16/extensions/Buttons/js/dataTables.buttons.min.js", + "../reference/jquery-plugins/dataTables-1.10.16/extensions/Buttons/js/buttons.html5.js", + "../reference/jquery-plugins/dataTables-1.10.16/extensions/Buttons/js/buttons.print.js", + "../reference/jquery-plugins/dataTables-1.10.16/extensions/Buttons/js/jszip.min.js", + "../reference/jquery-plugins/dataTables-1.10.16/extensions/Buttons/js/pdfmake.min.js"] + // 추가적인 플러그인 그룹들을 이곳에 추가하면 됩니다. + ]; + + loadPluginGroupsParallelAndSequential(pluginGroups) + .then(function() { + //vfs_fonts 파일이 커서 defer 처리 함. + setTimeout(function() { + var script = document.createElement("script"); + script.src = "../reference/jquery-plugins/dataTables-1.10.16/extensions/Buttons/js/vfs_fonts.js"; + script.defer = true; // defer 속성 설정 + document.head.appendChild(script); + }, 3000); // 2초 후에 실행됩니다. + console.log('모든 플러그인 로드 완료'); + + // 사이드 메뉴 처리 + $('.widget').widgster(); + setSideMenu("sidebar_menu_analysis", "sidebar_menu_analysis_time"); + + //제품(서비스) 셀렉트 박스 이니시에이터 + makePdServiceSelectBox(); + //버전 멀티 셀렉트 박스 이니시에이터 + makeVersionMultiSelectBox(); + + //박스별 차트 호출 + + + + }) + .catch(function() { + console.error('플러그인 로드 중 오류 발생'); + }); + +} + +/////////////////////// +//제품 서비스 셀렉트 박스 +////////////////////// +function makePdServiceSelectBox() { + //제품 서비스 셀렉트 박스 이니시에이터 + $(".chzn-select").each(function () { + $(this).select2($(this).data()); + }); + + //제품 서비스 셀렉트 박스 데이터 바인딩 + $.ajax({ + url: "/auth-user/api/arms/pdService/getPdServiceMonitor.do", + type: "GET", + contentType: "application/json;charset=UTF-8", + dataType: "json", + progress: true, + statusCode: { + 200: function (data) { + + for (var k in data.response) { + var obj = data.response[k]; + var newOption = new Option(obj.c_title, obj.c_id, false, false); + $("#selected_pdService").append(newOption).trigger("change"); + } + + } + } + }); + + $("#selected_pdService").on("select2:open", function () { + //슬림스크롤 + makeSlimScroll(".select2-results__options"); + }); + + // --- select2 ( 제품(서비스) 검색 및 선택 ) 이벤트 --- // + $("#selected_pdService").on("select2:select", function (e) { + // 제품( 서비스 ) 선택했으니까 자동으로 버전을 선택할 수 있게 유도 + // 디폴트는 base version 을 선택하게 하고 ( select all ) + //~> 이벤트 연계 함수 :: Version 표시 jsTree 빌드 + bind_VersionData_By_PdService(); + + var checked = $("#checkbox1").is(":checked"); + var endPointUrl = ""; + + // if (checked) { + // endPointUrl = "/T_ARMS_REQSTATUS_" + $("#selected_pdService").val() + "/getStatusMonitor.do?disable=true"; + // } else { + // endPointUrl = "/T_ARMS_REQSTATUS_" + $("#selected_pdService").val() + "/getStatusMonitor.do?disable=false"; + // } + + //이슈리스트 데이터테이블 + //dataTableLoad($("#selected_pdService").val(), endPointUrl); + //통계로드 + //statisticsLoad($("#selected_pdService").val(), null); + //진행상태 가져오기 + //progressLoad($("#selected_pdService").val(), null); + + }); +} // end makePdServiceSelectBox() + +//////////////////// +//버전 멀티 셀렉트 박스 +//////////////////// +function makeVersionMultiSelectBox() { + //버전 선택시 셀렉트 박스 이니시에이터 + $(".multiple-select").multipleSelect({ + filter: true, + onClose: function () { + console.log("onOpen event fire!\n"); + + var checked = $("#checkbox1").is(":checked"); + var endPointUrl = ""; + var versionTag = $(".multiple-select").val(); + + if (checked) { + endPointUrl = + "/T_ARMS_REQSTATUS_" + $("#selected_pdService").val() + "/getStatusMonitor.do?disable=true&versionTag=" + versionTag; + //dataTableLoad($("#selected_pdService").val(), endPointUrl); + } else { + endPointUrl = + "/T_ARMS_REQSTATUS_" + $("#selected_pdService").val() + "/getStatusMonitor.do?disable=false&versionTag=" + versionTag; + //dataTableLoad($("#selected_pdService").val(), endPointUrl); + } + } + }); +} + +function bind_VersionData_By_PdService() { + $(".multiple-select option").remove(); + $.ajax({ + url: "/auth-user/api/arms/pdService/getVersionList.do?c_id=" + $("#selected_pdService").val(), + type: "GET", + dataType: "json", + progress: true, + statusCode: { + 200: function (data) { + ////////////////////////////////////////////////////////// + for (var k in data.response) { + var obj = data.response[k]; + var $opt = $("", { + value: obj.c_id, + text: obj.c_title + }); + $(".multiple-select").append($opt); + } + + if (data.length > 0) { + console.log("display 재설정."); + } + //$('#multiversion').multipleSelect('refresh'); + //$('#edit_multi_version').multipleSelect('refresh'); + $(".multiple-select").multipleSelect("refresh"); + ////////////////////////////////////////////////////////// + } + } + }); +} + +// 데이터 테이블 구성 이후 꼭 구현해야 할 메소드 : 열 클릭시 이벤트 +function dataTableClick(tempDataTable, selectedData) { + console.log(selectedData); +} + +//데이터 테이블 그리고 난 후 시퀀스 이벤트 +function dataTableCallBack(settings, json) { + console.log("check"); +} + +//데이터 테이블 그리고 난 후 시퀀스 이벤트 +function dataTableDrawCallback(tableInfo) { + /*$("#" + tableInfo.sInstance) + .DataTable() + .columns.adjust() + .responsive.recalc();*/ +} + +// -------------------- 데이터 테이블을 만드는 템플릿으로 쓰기에 적당하게 리팩토링 함. ------------------ // +function dataTableLoad(selectId, endPointUrl) { + var columnList = [ + { name: "c_pdservice_link", title: "제품(서비스) 아이디", data: "c_pdservice_link", visible: false }, + { + name: "c_pdservice_name", + title: "제품(서비스)", + data: "c_pdservice_name", + render: function (data, type, row, meta) { + if (isEmpty(data) || data === "unknown") { + return "N/A
";
+ } else {
+ return "" + getStrLimit(data, 25) + "
";
+ }
+ return data;
+ },
+ className: "dt-body-left",
+ visible: true
+ },
+ { name: "c_pds_version_link", title: "제품(서비스) 버전 아이디", data: "c_pds_version_link", visible: false },
+ {
+ name: "c_pds_version_name",
+ title: "제품(서비스) 버전",
+ data: "c_pds_version_name",
+ render: function (data, type, row, meta) {
+ if (isEmpty(data) || data === "unknown") {
+ return "N/A
";
+ } else {
+ return "" + data + "
";
+ }
+ return data;
+ },
+ className: "dt-body-left",
+ visible: true
+ },
+ { name: "c_req_link", title: "요구사항 아이디", data: "c_req_link", visible: false },
+ { name: "c_issue_url", title: "요구사항 이슈 주소", data: "c_issue_url", visible: false },
+ {
+ name: "c_req_name",
+ title: "요구사항",
+ data: "c_req_name",
+ render: function (data, type, row, meta) {
+ if (isEmpty(data) || data === "unknown") {
+ return "N/A
";
+ } else {
+ return "" + data + "
";
+ }
+ return data;
+ },
+ className: "dt-body-left",
+ visible: true
+ },
+ { name: "c_jira_server_link", title: "지라 서버 아이디", data: "c_jira_server_link", visible: false },
+ { name: "c_jira_server_url", title: "지라 서버 주소", data: "c_jira_server_url", visible: false },
+ {
+ name: "c_jira_server_name",
+ title: "JIRA 서버명",
+ data: "c_jira_project_name",
+ render: function (data, type, row, meta) {
+ if (isEmpty(data) || data === "unknown") {
+ return "N/A
";
+ } else {
+ return "" + data + "
";
+ }
+ return data;
+ },
+ className: "dt-body-left",
+ visible: true
+ },
+ { name: "c_jira_project_link", title: "지라 프로젝트 아이디", data: "c_jira_project_link", visible: false },
+ { name: "c_jira_project_url", title: "지라 프로젝트 주소", data: "c_jira_project_url", visible: false },
+ {
+ name: "c_jira_project_name",
+ title: "JIRA 프로젝트명",
+ data: "c_jira_project_name",
+ render: function (data, type, row, meta) {
+ if (isEmpty(data) || data === "unknown") {
+ return "N/A
";
+ } else {
+ return "" + data + "
";
+ }
+ return data;
+ },
+ className: "dt-body-left",
+ visible: true
+ },
+ {
+ name: "c_jira_project_key",
+ title: "JIRA 프로젝트키",
+ data: "c_jira_project_key",
+ render: function (data, type, row, meta) {
+ if (isEmpty(data) || data === "unknown") {
+ return "N/A
";
+ } else {
+ return "" + data + "
";
+ }
+ return data;
+ },
+ className: "dt-body-left",
+ visible: true
+ },
+ {
+ name: "c_issue_key",
+ title: "요구사항 이슈 키",
+ data: "c_issue_key",
+ render: function (data, type, row, meta) {
+ if (isEmpty(data) || data === "unknown") {
+ return "N/A
";
+ } else {
+ var _render =
+ '' + data +
+ '"+
+ "
";
+ return _render;
+ }
+ return data;
+ },
+ className: "dt-body-left",
+ visible: true
+ },
+ { name: "c_issue_priority_link", title: "요구사항 이슈 우선순위 아이디", data: "c_issue_priority_link", visible: false },
+ {
+ name: "c_issue_priority_name",
+ title: "요구사항 이슈 우선순위",
+ data: "c_issue_priority_name",
+ render: function (data, type, row, meta) {
+ if (isEmpty(data) || data === "unknown") {
+ return "N/A
";
+ } else {
+ return "" + data + "
";
+ }
+ return data;
+ },
+ className: "dt-body-left",
+ visible: true
+ },
+ { name: "c_issue_status_link", title: "요구사항 이슈 상태 아이디", data: "c_issue_status_link", visible: false },
+ {
+ name: "c_issue_status_name",
+ title: "요구사항 이슈 상태",
+ data: "c_issue_status_name",
+ render: function (data, type, row, meta) {
+ if (isEmpty(data) || data === "unknown") {
+ return "N/A
";
+ } else {
+ return "" + data + "
";
+ }
+ return data;
+ },
+ className: "dt-body-left",
+ visible: true
+ },
+ { name: "c_issue_resolution_link", title: "요구사항 이슈 해결책 아이디", data: "c_issue_resolution_link", visible: false },
+ {
+ name: "c_issue_resolution_name",
+ title: "요구사항 이슈 해결책",
+ data: "c_issue_resolution_name",
+ render: function (data, type, row, meta) {
+ if (isEmpty(data) || data === "unknown") {
+ return "N/A
";
+ } else {
+ return "" + data + "
";
+ }
+ return data;
+ },
+ className: "dt-body-left",
+ visible: true
+ },
+ {
+ name: "c_issue_reporter",
+ title: "요구사항 이슈 보고자",
+ data: "c_issue_reporter",
+ render: function (data, type, row, meta) {
+ if (isEmpty(data) || data === "unknown") {
+ return "N/A
";
+ } else {
+ return "" + data + "
";
+ }
+ return data;
+ },
+ className: "dt-body-left",
+ visible: true
+ },
+ {
+ name: "c_issue_assignee",
+ title: "요구사항 이슈 할당자",
+ data: "c_issue_assignee",
+ render: function (data, type, row, meta) {
+ if (isEmpty(data) || data === "unknown") {
+ return "N/A
";
+ } else {
+ return "" + data + "
";
+ }
+ return data;
+ },
+ className: "dt-body-left",
+ visible: true
+ },
+ {
+ name: "c_issue_create_date",
+ title: "요구사항 이슈 생성일자",
+ data: "c_issue_create_date",
+ render: function (data, type, row, meta) {
+ if (isEmpty(data) || data === "unknown") {
+ return "N/A
";
+ } else {
+ return "" + dateFormat(data) + "
";
+ }
+ return data;
+ },
+ className: "dt-body-left",
+ visible: true
+ },
+ {
+ name: "c_issue_update_date",
+ title: "요구사항 이슈 최근 업데이트 일자",
+ data: "c_issue_update_date",
+ render: function (data, type, row, meta) {
+ if (isEmpty(data) || data === "unknown") {
+ return "N/A
";
+ } else {
+ return "" + dateFormat(data) + "
";
+ }
+ return data;
+ },
+ className: "dt-body-left",
+ visible: true
+ }
+ ];
+ var rowsGroupList = [1,3,6];
+ var columnDefList = [
+ {
+ orderable: false,
+ className: "select-checkbox",
+ targets: 0
+ }
+ ];
+ var orderList = [[1, "asc"]];
+ var jquerySelector = "#reqstatustable";
+ var ajaxUrl = "/auth-user/api/arms/reqStatus" + endPointUrl;
+ var jsonRoot = "";
+ var buttonList = [
+ "copy",
+ "excel",
+ "print",
+ {
+ extend: "csv",
+ text: "Export csv",
+ charset: "utf-8",
+ extension: ".csv",
+ fieldSeparator: ",",
+ fieldBoundary: "",
+ bom: true
+ },
+ {
+ extend: "pdfHtml5",
+ orientation: "landscape",
+ pageSize: "LEGAL"
+ }
+ ];
+ var selectList = {};
+ var isServerSide = false;
+
+ reqStatusDataTable = dataTable_build(
+ jquerySelector,
+ ajaxUrl,
+ jsonRoot,
+ columnList,
+ rowsGroupList,
+ columnDefList,
+ selectList,
+ orderList,
+ buttonList,
+ isServerSide
+ );
+}
+// -------------------- 데이터 테이블을 만드는 템플릿으로 쓰기에 적당하게 리팩토링 함. ------------------ //
\ No newline at end of file