Merge branch 'master' of http://106.246.249.162:13000/orderqueen/oqpo-view

# Conflicts:
#	src/main/webapp/app/oper/OPER01010.html
#	src/main/webapp/app/oper/OPER02010.html

bin/src/main/webapp/js/app/properties.js

@@ -1,4 +1,5 @@
 
 const DOMAIN = 'http://106.246.249.162:38050';
 const ITP_CONTEXTPATH = '/oqpo-view';
+const MOBILE_CONTEXTPATH = ITP_CONTEXTPATH + '/mobile';
 const ITP_LANGUAGE = 'ko'; 

src/main/webapp/app/oper/OPER01010.html

@@ -21,14 +21,18 @@
 									<input type="hidden" id="ITP_FORM_OPER01010_SEARCH_AFFL_SHOP_ID" name="safflShopId" value="">
 									<div class="form-group">
 										<div class="col-xs-2 itp_ip itp_noMar">
+<<<<<<< HEAD
 											<input type="text" id="ITP_FORM_OPER01010_SEARCH_SPPLY_NM" class="form-control itp_input" name="sspplyNm" placeholder="공급업체" />
+=======
+											<input type="text" id="ITP_FORM_OPER01010_SEARCH_AFFL_SHOP_NM" class="form-control itp_input" name="safflShopNm" placeholder="가맹점" />
+>>>>>>> da01e550b574076cbd788bfaf976c707e73fc61b
 										</div>
 										<div class="col-xs-1 itp_in" style="width:8%; padding:0px;">
-											<button type="button" id="ITP_BTN_OPER01010_SEARCH_SRH" class="btn btn-success btn-sm SEB" style="display: inline-block;"><i class="glyphicon glyphicon-search"></i></button>
-											<button type="button" id="ITP_BTN_OPER01010_SEARCH_MODIFY" class="btn btn-primary btn-sm UPB" style="display: inline-block;"><i class="glyphicon glyphicon-erase"></i></button>
+											<button type="button" id="ITP_FORM_OPER01010_SEARCH_AFFL_SHOP" class="btn btn-success btn-sm SEB" style="display: inline-block;"><i class="glyphicon glyphicon-search"></i></button>
+											<button type="button" id="ITP_FORM_OPER01010_DELETE_AFFL_SHOP" class="btn btn-primary btn-sm UPB" style="display: inline-block;"><i class="glyphicon glyphicon-erase"></i></button>
 						                </div>
 										<div class="col-xs-2 itp_ip itp_noMar">
-											<select id="ITP_FORM_OPER01010_SEARCH_BRAND_TYPE" class="form-control itp_input" name="sBrandType"></select>
+											<select id="ITP_FORM_OPER01010_SEARCH_BRAND_ID" class="form-control itp_input" name="sbrandId"></select>
 										</div>									
 									</div>
 									<div class="form-group" style="padding-top: 10px; border-top: 1px dotted #ccc;">
@@ -48,10 +52,10 @@
 											<input type="text" id="ITP_FORM_OPER01010_SEARCH_USER_NM" class="form-control itp_input" name="suserNm" placeholder="아이디/성명 검색" />
 										</div>
 										<div class="col-xs-2 itp_ip itp_noMar">
-											<select id="ITP_FORM_OPER01010_SEARCH_BRAND_TYPE" class="form-control itp_input" name="sBrandType"></select>
+											<select id="ITP_FORM_OPER01010_SEARCH_USER_STAT_CD" class="form-control itp_input" name="suserStatCd"></select>
 										</div>
 										<div class="col-xs-2 itp_ip itp_noMar">
-											<select id="ITP_FORM_OPER01010_SEARCH_BRAND_TYPE" class="form-control itp_input" name="sBrandType"></select>
+											<select id="ITP_FORM_OPER01010_SEARCH_AUTH_TP_CD" class="form-control itp_input" name="sauthTpCd"></select>
 										</div>
 									</div>
 								</form>

src/main/webapp/app/oper/OPER02010.html

@@ -21,14 +21,18 @@
 									<input type="hidden" id="ITP_FORM_OPER02010_SEARCH_AFFL_SHOP_ID" name="afflShopId" value="">
 									<div class="form-group">
 										<div class="col-xs-2 itp_ip itp_noMar">
+<<<<<<< HEAD
 											<input type="text" id="ITP_FORM_OPER01010_SEARCH_AFFL_SHOP_NM" class="form-control itp_input" name="sAfflShopNm" placeholder="가맹점" />
+=======
+											<input type="text" id="ITP_FORM_OPER02010_SEARCH_AFFL_SHOP_NM" class="form-control itp_input" name="sAfflShopNm" value="가맹점" />
+>>>>>>> da01e550b574076cbd788bfaf976c707e73fc61b
 										</div>
 										<div class="col-xs-1 itp_in" style="width:8%; padding:0px;">
-											<button type="button" id="ITP_BTN_OPER01010_SEARCH_SRH" class="btn btn-success btn-sm SEB" style="display: inline-block;"><i class="glyphicon glyphicon-search"></i></button>
-											<button type="button" id="ITP_BTN_OPER01010_SEARCH_MODIFY" class="btn btn-primary btn-sm UPB" style="display: inline-block;"><i class="glyphicon glyphicon-erase"></i></button>
-						                </div>
+											<button type="button" id="ITP_FORM_OPER02010_SEARCH_AFFL_SHOP" class="btn btn-success btn-sm SEB" style="display: inline-block;"><i class="glyphicon glyphicon-search"></i></button>
+											<button type="button" id="ITP_FORM_OPER02010_DELETE_AFFL_SHOP" class="btn btn-primary btn-sm UPB" style="display: inline-block;"><i class="glyphicon glyphicon-erase"></i></button>
+										</div>
 										<div class="col-xs-2 itp_ip itp_noMar">
-											<select id="ITP_FORM_OPER01010_SEARCH_BRAND_TYPE" class="form-control itp_input" name="sBrandType"></select>
+											<select id="ITP_FORM_OPER02010_SEARCH_BRAND_ID" class="form-control itp_input" name="sbrandId"></select>
 										</div>									
 									</div>
 									<div class="form-group" style="padding-top: 10px; border-top: 1px dotted #ccc;">
@@ -45,7 +49,7 @@
 											</div>
 										</div>
 										<div class="col-xs-5 itp_ip">
-											<input type="text" id="ITP_FORM_OPER02010_SEARCH_SNTICE_TKTL" class="form-control itp_input" name="sNticeTitl" placeholder="공지사항 검색" />
+											<input type="text" id="ITP_FORM_OPER02010_SEARCH_SNTICE_TKTL" class="form-control itp_input" name="snticeTitl" placeholder="공지사항 검색" />
 										</div>
 									</div>
 								</form>

src/main/webapp/app/stinfo/STINFO01010.html

@@ -19,12 +19,12 @@
 								<form id="ITP_FORM_STINFO01010_SEARCH" class="form-horizontal">
 									<div class="form-group">
 										<div class="col-xs-2 itp_ip itp_noMar">
-											<select id="ITP_FORM_STINFO01010_SERVICE_" class="form-control itp_input" name="">
+											<select id="ITP_FORM_STINFO01010_SERVICE_BRAND_TYPE" class="form-control itp_input" name="sbrandType">
 												<option value="">카테고리(전체)</option>
 											</select>
 										</div>
 										<div class="col-xs-2 itp_ip itp_noMar">
-											<select id="ITP_FORM_STINFO01010_SERVICE_ST_CD" class="form-control itp_input" name="serviceStCd">
+											<select id="ITP_FORM_STINFO01010_SERVICE_ST_CD" class="form-control itp_input" name="sstCd">
 												<option value="">상태(전체)</option>
 											</select>
 										</div>
@@ -181,14 +181,16 @@
 													<div class="col-xs-4 itp_in">
 														<input type="text" id="ITP_FORM_STINFO01010_DETAIL_DTL_ADDR" class="form-control itp_input" name="dtlAddr" value="" placeholder="상세주소">													
 													</div>
-													
-													<input type="hidden" id="ITP_FORM_OPER04010_DETAIL_LOTS_ADDRESS" value="" />
-													<input type="hidden" id="ITP_FORM_OPER04010_DETAIL_STREET_ADDRESS" value="" />
-													<input type="hidden" name="latX" id="ITP_FORM_OPER04010_DETAIL_LAT" value="" />
-													<input type="hidden" name="longY" id="ITP_FORM_OPER04010_DETAIL_LNG" value="" />
-													<input type="hidden" id="ITP_FORM_OPER04010_DETAIL_HJ_DONG" value="" />
-													<input type="hidden" id="ITP_FORM_OPER04010_DETAIL_BJ_DONG" value="" />
-													<div id="ITP_FORM_OPER04010_DETAIL_MAP" style="width:700px; height:400px; margin-top:35px;"></div>
+
+
+													<!-- 주소 맵 -->
+													<input type="hidden" id="ITP_FORM_STINFO01010_DETAIL_LOTS_ADDRESS" value="" />
+													<input type="hidden" id="ITP_FORM_STINFO01010_DETAIL_STREET_ADDRESS" value="" />
+													<input type="hidden" name="cmpyLat" id="ITP_FORM_STINFO01010_DETAIL_LAT" value="" />
+													<input type="hidden" name="cmpyLng" id="ITP_FORM_STINFO01010_DETAIL_LNG" value="" />
+													<input type="hidden" id="ITP_FORM_STINFO01010_DETAIL_HJ_DONG" value="" />
+													<input type="hidden" id="ITP_FORM_STINFO01010_DETAIL_BJ_DONG" value="" />
+													<div id="ITP_FORM_STINFO01010_DETAIL_MAP" style="width:700px; height:400px;"></div>
 												</div>
 											</div>	
 										</div>	
@@ -202,7 +204,7 @@
 						<div class="col-xs-12">
 							<form id="ITP_FORM_STINFO01010_VIEW" class="form-horizontal">
  								<input type="hidden" id="ITP_FORM_STINFO01010_VIEW_VIEW_CD" name="viewCd" value="R">
- 								<input type="hidden" id="ITP_FORM_STINFO01010_VIEW_USER_ID" name="userId" value="">
+ 								<input type="hidden" id="ITP_FORM_STINFO01010_VIEW_BRAND_ID" name="brandId" value="">
 								
 								<section class="itp_form_sec">
 									<h4 class="itp_form_tit">브랜드 정보-상세</h4>
@@ -234,7 +236,8 @@
 											</div>
 											<label class="col-xs-2 itp_lb"></label>
 											<div class="col-xs-1 itp_ip">
-												<img src="/oqpo-view/images/naver.png" alt="로고 샘플" style="border:none; top:12px; left:12px; height:100px; width:125px; position:absolute;" class="form-control itp_input" name="fnBrandLogo" >																					
+												<img src="/oqpo-view/images/naver.png" alt="로고 샘플" style="border:none; top:12px; left:12px; height:100px; width:125px; position:absolute;" class="form-control itp_input" name="fnBrandLogo" >
+												<img src="/oqpo-view/images/naver.png" alt="로고 샘플" style="border:none; top:12px; left:12px; height:100px; width:125px; position:absolute;" class="form-control itp_input" name="fnBrandLogo2" >
 											</div>
 										</div>
 										<div class="form-group">

src/main/webapp/app/stockmng/STOCKMNG04010.html

@@ -20,21 +20,14 @@
 									<div class="form-group">
 										<div class="col-xs-10">
 											<div class="col-xs-2 itp_ip itp_noMar">
-												<select id="ITP_FORM_STOCKMNG04010_SERVICE_ST_CD" class="form-control itp_input" name="servicestCd">
-													<option value="">상태</option>											
-												</select>										
+												<select id="ITP_FORM_STOCKMNG04010_WHS_DVSN" class="form-control itp_input" name="sWhsDvsn"></select>										
+											</div>
+											<div class="col-xs-2 itp_ip itp_noMar">
+												<select id="ITP_FORM_STOCKMNG04010_WHS_ST_CD" class="form-control itp_input" name="sWhsStCd"></select>										
 											</div>
 											<div class="col-xs-5 itp_ip itp_noMar">
 												<input type="text" id="ITP_FORM_STOCKMNG04010_SEARCH_WHS_NM" class="form-control itp_input" name="sWhsNm" placeholder="창고명" />
 											</div>
-											<div class="col-xs-1 itp_ip itp_noMar" style="padding:0;">
-												<input type="checkbox" id="ITP_FORM_STOCKMNG04010_SEARCH_BRAND" name="sBrand"/>
-												<label>브랜드</label>
-											</div>
-											<div class="col-xs-2 itp_ip itp_noMar" style="padding:0;">
-												<input type="checkbox" id="ITP_FORM_STOCKMNG04010_SEARCH_BRAND" name="sStore"/>
-												<label>매장</label>
-											</div>
 										</div>
 									</div>
 								</form>

src/main/webapp/bootstrap/js/.jshintrc

@@ -11,5 +11,6 @@
   "nonbsp"   : true,
   "strict"   : true,
   "undef"    : true,
-  "unused"   : true
+  "unused"   : true,
+  "esversion": 6
 }

src/main/webapp/js/app/locales/locale-ko.js

@@ -110,6 +110,7 @@ const ITP_MSG_LOCALE = (function() {
 			"afflShopNm": "가맹점",
 			"brandId": "브랜드ID",
 			"brandNm": "브랜드명",
+			"brandTypeNm": "브랜드 타입",
 			"notiNo": "공지번호",
 			"titlet": "제목",
 			"targetNm": "대상구분",
@@ -122,6 +123,11 @@ const ITP_MSG_LOCALE = (function() {
 			"ranking": "순위",
 			"tot": "총",
 			"pages": "페이지",
+			"corpTypeNm": "기업형태",
+			"stNm": "상태",
+			"ownerNm": "대표자명",
+			"rprstTelNo": "대표연락처",
+			"joinDt": "가입일자"
 		},
 		"table": {
 			"brandId": "브랜드ID",

src/main/webapp/js/app/oper/ITP_OPER01010.js

@@ -198,6 +198,7 @@ let pageObj = {
 			// 공통코드 표시
 			fn_make_select(CODE_LIST, 'USER_STAT_CD', 'ITP_FORM_OPER01010_SEARCH_USER_STAT_CD');
 			fn_make_select(CODE_LIST, 'USER_STAT_CD', 'ITP_FORM_OPER01010_DETAIL_USER_STAT_CD', true, '선택');
+			fn_make_select(CODE_LIST, 'AUTH_TP_CD', 'ITP_FORM_OPER01010_SEARCH_AUTH_TP_CD');
 
 			// 조회일자 지정
 			$('#ITP_TAB_OPER01010 .input-group.date').datepicker(ITP_DATE_LANGUAGE);
@@ -329,7 +330,7 @@ let listObj = {
 	itp_OPER01010_search: false,
 	button: {
 		search: function() {
-			itp_OPER01010_search = true;
+			listObj.itp_OPER01010_search = true;
 			let param = $('#ITP_FORM_OPER01010_SEARCH').serializeObject();
 			param.gridSize = $.jgrid.defaults.rowNum;
 			param.gridPage = $.jgrid.defaults.page;
@@ -344,26 +345,27 @@ let listObj = {
 	},
 	empty: {
 		init: function() {
+			var _this = this;
 			this.push();
 			$(OPER01010_GRID_EMPTY).on('click', function() {
-				itp_fn_OPER01010_empty.back();
-				itp_OPER01010_param.gridSize = $.jgrid.defaults.rowNum;
-				$(OPER01010_GRID_ID).setGridParam({'postData': JSON.stringify(itp_OPER01010_param)}).trigger('reloadGrid');
+				_this.back();
+				listObj.itp_OPER01010_param.gridSize = $.jgrid.defaults.rowNum;
+				$(OPER01010_GRID_ID).setGridParam({'postData': JSON.stringify(listObj.itp_OPER01010_param)}).trigger('reloadGrid');
 			});
 		},
 		push: function() {
 			let param = $('#ITP_FORM_OPER01010_SEARCH').serializeObject();
-			itp_OPER01010_param = param;
+			listObj.itp_OPER01010_param = param;
 		},
 		back: function() {
-			$('#ITP_FORM_OPER01010_DEVI_TP_CD').val(itp_OPER01010_param.deviTpCd);
-			$('#ITP_FORM_OPER01010_ORDER_YN').val(itp_OPER01010_param.orderYn);
-			$('#ITP_FORM_OPER01010_ADT_AUTH_CD').val(itp_OPER01010_param.adtAuthCd);
-			$('#ITP_FORM_OPER01010_EMAIL_RCV_YN').val(itp_OPER01010_param.emailRcvYn);
-			$('#ITP_FORM_OPER01010_MEMB_EXIT_DT').val(itp_OPER01010_param.membExitDt);
-			$('#ITP_FORM_OPER01010_FROM_DT').val(itp_OPER01010_param.fromDt);
-			$('#ITP_FORM_OPER01010_TO_DT').val(itp_OPER01010_param.toDt);
-			$('#ITP_FORM_OPER01010_KEYWORD').val(itp_OPER01010_param.keyword);
+			$('#ITP_FORM_OPER01010_DEVI_TP_CD').val(listObj.itp_OPER01010_param.deviTpCd);
+			$('#ITP_FORM_OPER01010_ORDER_YN').val(listObj.itp_OPER01010_param.orderYn);
+			$('#ITP_FORM_OPER01010_ADT_AUTH_CD').val(listObj.itp_OPER01010_param.adtAuthCd);
+			$('#ITP_FORM_OPER01010_EMAIL_RCV_YN').val(listObj.itp_OPER01010_param.emailRcvYn);
+			$('#ITP_FORM_OPER01010_MEMB_EXIT_DT').val(listObj.itp_OPER01010_param.membExitDt);
+			$('#ITP_FORM_OPER01010_FROM_DT').val(listObj.itp_OPER01010_param.fromDt);
+			$('#ITP_FORM_OPER01010_TO_DT').val(listObj.itp_OPER01010_param.toDt);
+			$('#ITP_FORM_OPER01010_KEYWORD').val(listObj.itp_OPER01010_param.keyword);
 		}
 	},
 	grid: {
@@ -399,7 +401,7 @@ let listObj = {
 					}
 				},
 				loadComplete: function(data) {
-					//console.log(JSON.stringify(data));
+					console.log(data);
 					itp_fn_grid_load_complete(data, OPER01010_GRID_ID, true, 'number', 'OPER01010', listObj.itp_OPER01010_search, listObj.empty, true, data.gridRecords, true);
 					var ids = $(OPER01010_GRID_ID).getDataIDs();
 					$.each(ids, function(idx, rowId) {
@@ -436,6 +438,8 @@ let viewObj = {
 		console.log(result);
 		pageObj.switchScreen('VIEW');
 		$('#ITP_FORM_OPER01010_VIEW #ITP_FORM_OPER01010_VIEW_USER_ID').val(result.userId);
+		$('#ITP_FORM_OPER01010_VIEW .fnAfflShopNm').text(result.afflShopNm);
+		$('#ITP_FORM_OPER01010_VIEW .fnBrandNm').text(result.brandNm);
 		$('#ITP_FORM_OPER01010_VIEW .fnUserNm').text(result.userNm);
 		$('#ITP_FORM_OPER01010_VIEW .fnUserStatDt').text(result.userStatDt);
 		$('#ITP_FORM_OPER01010_VIEW .fnUserStatNm').text(result.userStatNm);
@@ -805,20 +809,20 @@ let afflShopObj = {
 	action: function () {
 		var _this = this;
 		// 가맹점 조회 버튼 클릭
-		$('#ITP_FORM_OPER01010_SEARCH_AFFL_SHOP').off('click').on('click', function() {
+		$('#ITP_FORM_OPER01010_SEARCH_AFFL_SHOP').on('click', function() {
 			_this.popup('L');
 		});
 		// 가맹점 텍스트 삭제 버튼 클릭
-		$('#ITP_FORM_OPER01010_DELETE_AFFL_SHOP').off('click').on('click', function() {
+		$('#ITP_FORM_OPER01010_DELETE_AFFL_SHOP').on('click', function() {
 			$('#ITP_FORM_OPER01010_SEARCH_AFFL_SHOP_NM').val('');
 			$('select#ITP_FORM_OPER01010_SEARCH_BRAND_ID option').remove();
 		});
 		// 신규등록 가맹점 조회 버튼 클릭
-		$('#ITP_FORM_OPER01010_DETAIL_SEARCH_AFFL_SHOP').off('click').on('click', function() {
+		$('#ITP_FORM_OPER01010_DETAIL_SEARCH_AFFL_SHOP').on('click', function() {
 			_this.popup('C');
 		});
 		// 신규등록 가맹점 텍스트 삭제 버튼 클릭
-		$('#ITP_FORM_OPER01010_DETAIL_DELETE_AFFL_SHOP').off('click').on('click', function() {
+		$('#ITP_FORM_OPER01010_DETAIL_DELETE_AFFL_SHOP').on('click', function() {
 			$('#ITP_FORM_OPER01010_DETAIL_SEARCH_AFFL_SHOP_NM').val('');
 			$('select#ITP_FORM_OPER01010_DETAIL_SEARCH_BRAND_ID option').remove();
 		});

src/main/webapp/js/app/oper/ITP_OPER02010.js

@@ -346,7 +346,8 @@ let afflShopObj = {
 				$('#ITP_FORM_OPER02010_SEARCH_AFFL_SHOP_NM').val(rowDataPop.AFFL_SHOP.afflShopNm);
 			}
 			if(rowDataPop.AFFL_BRAND) {
-				fn_make_select_brand(rowDataPop.AFFL_BRAND, 'ITP_FORM_OPER02010_SEARCH_BRAND_ID');
+				fn_make_select_brand(rowDataPop.AFFL_BRAND, 'ITP_FORM_OPER02010_SEARCH_BRAND_ID', true, '선택');
+				// fn_make_select_brand(rowDataPop.AFFL_BRAND, 'ITP_FORM_OPER02010_SEARCH_BRAND_ID');
 			}
 		},
 		create: function(rowDataPop) {

src/main/webapp/js/app/oper/ITP_OPER04010.js

@@ -353,7 +353,7 @@ let listObj = {
                     }
                 },
                 loadComplete: function(data) {
-                    console.log(data);
+                    // console.log(data);
                     itp_fn_grid_load_complete(data, OPER04010_GRID_ID, true, 'number', 'OPER04010', listObj.itp_OPER04010_search, listObj.empty, true, data.gridRecords, true);
                     var ids = $(OPER04010_GRID_ID).getDataIDs();
                     $.each(ids, function(idx, rowId) {
@@ -415,7 +415,7 @@ let viewObj = {
         fn_ajax_call(SALES_USER_INFO, param, this.callback, 'GET');
     },
     callback: function (result) {
-        console.log(result);
+        // console.log(result);
         pageObj.switchScreen('VIEW');
         $('#ITP_FORM_OPER04010_VIEW #ITP_FORM_OPER04010_VIEW_SALE_MGR_ID').val(result.saleMgrId);
         $('#ITP_FORM_OPER04010_VIEW .fnSalesUserId').text(result.saleMgrId);
@@ -454,7 +454,7 @@ let modifyObj = {
         fn_ajax_call(SALES_USER_INFO, param, this.callback, 'GET');
     },
     callback: function (result) {
-        console.log(result);
+        // console.log(result);
         pageObj.switchScreen('MODIFY');
         $('#ITP_FORM_OPER04010_DETAIL #ITP_FORM_OPER04010_DETAIL_VIEW_CD').val('U');
 
@@ -515,7 +515,7 @@ let createObj = {
             new daum.Postcode({
                 oncomplete: function(data) {
                     // 전체주소 리턴
-                    console.log(data);
+                    // console.log(data);
                     document.getElementById('ITP_FORM_OPER04010_DETAIL_ZIPNO').value = data.zonecode;
                     document.getElementById('ITP_FORM_OPER04010_DETAIL_ADRES').value = data.roadAddress;
                     document.getElementById('ITP_FORM_OPER04010_DETAIL_LOTS_ADDRESS').value = !!data.autoJibunAddress ? data.autoJibunAddress : data.jibunAddress;
@@ -560,7 +560,7 @@ let createObj = {
                         ITP_FORM_OPER04010_DETAIL_IS_WRITING = false;
                         listObj.search();
                     };
-                    console.log(JSON.stringify(param));
+                    // console.log(JSON.stringify(param));
                     fn_ajax_call(SALES_USER_SAVE, JSON.stringify(param), searhFn, 'POST');
                 }
             }

src/main/webapp/js/app/properties.js

@@ -1,4 +1,5 @@
 
 const DOMAIN = 'http://106.246.249.162:38050';
 const ITP_CONTEXTPATH = '/oqpo-view';
+const MOBILE_CONTEXTPATH = ITP_CONTEXTPATH + '/mobile';
 const ITP_LANGUAGE = 'ko'; 

src/main/webapp/js/app/stinfo/ITP_STINFO01010.js

@@ -0,0 +1,481 @@
+/********************************************************
+ --------------------------------------------------------
+ - Object 목록								            -
+ --------------------------------------------------------
+ * const gridColModel = {}	: 화면 Grid Object			*
+ * let pageObj = {}			: 화면공통 Object			*
+ * let listObj = {}			: 목록화면 Object			*
+ * let viewObj = {}			: 상세화면 Object			*
+ * let modifyObj = {}		: 수정화면 Object			*
+ * let createObj = {}		: 신규화면 Object			*
+ *******************************************************/
+
+/*화면 변수*/
+const STINFO01010_GRID_ID = '#ITP_STINFO01010_jqGrid';
+const STINFO01010_GRID_LIST = '#ITP_STINFO01010_jqGrid_list';
+const STINFO01010_GRID_PAGER = '#ITP_STINFO01010_jqGridPager';
+const STINFO01010_GRID_EMPTY = '#ITP_STINFO01010_jqGridEmpty';
+
+const STINFO01010_VIEW_GRID_ID = '#ITP_STINFO01010_VIEW_jqGrid';
+const STINFO01010_VIEW_GRID_LIST = '#ITP_STINFO01010_VIEW_jqGrid_list';
+const STINFO01010_VIEW_GRID_PAGER = '#ITP_STINFO01010_VIEW_jqGridPager';
+const STINFO01010_VIEW_GRID_EMPTY = '#ITP_STINFO01010_VIEW_jqGridEmpty';
+
+const STINFO01010_DETAIL_GRID_ID = '#ITP_STINFO01010_DETAIL_jqGrid';
+const STINFO01010_DETAIL_GRID_LIST = '#ITP_STINFO01010_DETAIL_jqGrid_list';
+const STINFO01010_DETAIL_GRID_PAGER = '#ITP_STINFO01010_DETAIL_jqGridPager';
+const STINFO01010_DETAIL_GRID_EMPTY = '#ITP_STINFO01010_DETAIL_jqGridEmpty';
+
+/*API URL*/
+let BRAND_DETAIL_GRID_LIST = '/api/brand/detail-grid-list';
+let  BRAND_INFO_BRAND = '/api/brand/info-brand';
+
+let ITP_FORM_STINFO01010_DETAIL_IS_DUPLICATE = false;
+let ITP_FORM_STINFO01010_DETAIL_IS_WRITING = false;
+
+let kakaoMap = {
+    init: function(id, locate) {
+        this.load(id, locate);
+    },
+    geocoder: null,
+    schDetailAddrFromCoords: function(coords, callback) {
+        // 좌표로 법정동 상세 주소 정보를 요청합니다
+        if(this.geocoder) {
+            this.geocoder.coord2Address(coords.getLng(), coords.getLat(), callback);
+        }
+    },
+    getMap: function(id) {
+        var mapContainer = document.getElementById(id), // 지도를 표시할 div
+            mapOption = {
+                center: new kakao.maps.LatLng(37.56684, 126.97865), // 지도의 중심좌표
+                level: 3, // 지도의 확대 레벨
+                mapTypeId : kakao.maps.MapTypeId.ROADMAP // 지도종류
+            };
+
+        // 지도를 생성한다
+        var map = new kakao.maps.Map(mapContainer, mapOption);
+
+        // 마우스 휠과 모바일 터치를 이용한 지도 확대, 축소를 막는다
+        map.setZoomable(false);
+
+        // 지도에 확대 축소 컨트롤을 생성한다
+        //var zoomControl = new kakao.maps.ZoomControl();
+
+        // 지도의 우측에 확대 축소 컨트롤을 추가한다
+        //map.addControl(zoomControl, kakao.maps.ControlPosition.RIGHT);
+
+        return map;
+    },
+    marker: function(map, coords) {
+        // 지도에 마커를 생성하고 표시한다
+        marker = new kakao.maps.Marker({
+            position: coords, // 마커의 좌표
+            map: map // 마커를 표시할 지도 객체
+        });
+    },
+    load: function(id, locate) {
+        var _this = this;
+        kakao.maps.load(function() {
+            var map = _this.getMap(id);
+            // 주소-좌표 변환 객체를 생성합니다
+            _this.geocoder = new kakao.maps.services.Geocoder();
+            if( !locate || locate.length == 0 ) {
+                // 지도에 마커를 생성하고 표시한다
+                _this.marker(map, new kakao.maps.LatLng(37.56684, 126.97865));
+            } else {
+                // 주소로 좌표를 검색합니다
+                _this.geocoder.addressSearch(locate, function(result, status) {
+                    // 정상적으로 검색이 완료됐으면
+                    if (status === kakao.maps.services.Status.OK) {
+
+                        var coords = new kakao.maps.LatLng(result[0].y, result[0].x);
+                        if(id === 'ITP_FORM_STINFO01010_DETAIL_MAP') {
+                            document.getElementById('ITP_FORM_STINFO01010_DETAIL_LAT').value = result[0].y;
+                            document.getElementById('ITP_FORM_STINFO01010_DETAIL_LNG').value = result[0].x;
+                        }
+
+                        // 결과값으로 받은 위치를 마커로 표시합니다
+                        _this.marker(map, coords);
+
+                        // 지도의 중심을 결과값으로 받은 위치로 이동시킵니다
+                        map.setCenter(coords);
+                    } else {
+                        _this.marker(map, new kakao.maps.LatLng(37.56684, 126.97865));
+                    }
+                });
+            }
+
+            if(id === 'ITP_FORM_STINFO01010_DETAIL_MAP') {
+                _this.listener.drag(map);
+            }
+        });
+    },
+    listener: {
+        drag: function(map) {
+            var _this = this;
+            // 지도 드래깅 이벤트를 등록한다 (드래그 시작 : dragstart, 드래그 종료 : dragend)
+            kakao.maps.event.addListener(map, 'drag', function () {
+                kakaoMap.schDetailAddrFromCoords(map.getCenter(), function(result, status) {
+                    if (status === kakao.maps.services.Status.OK) {
+
+                        document.getElementById('ITP_FORM_STINFO01010_DETAIL_LOTS_ADDRESS').value = result[0].address.address_name ;
+                        document.getElementById('ITP_FORM_STINFO01010_DETAIL_ADRES').value = !!result[0].road_address ? result[0].road_address.address_name : result[0].address.address_name ;
+                        document.getElementById('ITP_FORM_STINFO01010_DETAIL_STREET_ADDRESS').value = !!result[0].road_address ? result[0].road_address.address_name : $('#ITP_FORM_STINFO01010_DETAIL_STREET_ADDRESS').val();
+                        document.getElementById('ITP_FORM_STINFO01010_DETAIL_ZIPNO').value = !!result[0].road_address ? result[0].road_address.zone_no : $('#ITP_FORM_STINFO01010_DETAIL_CMPY_ZIPNO').val() ;
+                        document.getElementById('ITP_FORM_STINFO01010_DETAIL_LAT').value = map.getCenter().getLat();
+                        document.getElementById('ITP_FORM_STINFO01010_DETAIL_LNG').value = map.getCenter().getLng();
+
+                        // 마커를 클릭한 위치에 표시합니다
+                        marker.setPosition(map.getCenter());
+                        marker.setMap(map);
+                    }
+                });
+                /* 	var message = '지도를 드래그 하고 있습니다. 지도의 중심 좌표는 ' + map.getCenter().toString() +' 입니다.';
+                console.log(message); */
+            });
+        }
+    }
+};
+
+/*화면 Grid Object*/
+const gridColModel = {
+    list: [
+        {
+            index: 'VIEW_CD', name: 'viewCd',
+            label: ITP_MSG_LOCALE.label.viewCd,
+            width: '10', fixed: false, align: 'center',
+            sortable: false, hidden: true
+        },
+        {
+            index: 'AFFL_SHOP_ID', name: 'afflShopId',
+            label: ITP_MSG_LOCALE.label.afflShopId,
+            width: '10', fixed: false, align: 'center',
+            sortable: false, hidden: true
+        },
+        {
+            index: 'AFFL_SHOP_NM', name: 'afflShopNm',
+            label: ITP_MSG_LOCALE.label.afflShopNm, //가맹점
+            width: '10', fixed: false, align: 'center',
+            sortable: false, hidden: false
+        },
+        {
+            index: 'BRAND_ID', name: 'brandId',
+            label: ITP_MSG_LOCALE.label.brandId,
+            width: '10', fixed: false, align: 'center',
+            sortable: false, hidden: false
+        },
+        {
+            index: 'BRAND_NM', name: 'brandNm',
+            label: ITP_MSG_LOCALE.label.brandNm, //브랜드명
+            width: '13', fixed: false, align: 'center',
+            sortable: false, hidden: false
+        },
+        {
+            index: 'ST_NM', name: 'stNm',
+            label: ITP_MSG_LOCALE.label.stNm, //상태
+            width: '10', fixed: false, align: 'center',
+            sortable: false, hidden: false
+        },
+        {
+            index: 'BRAND_TYPE_NM', name: 'brandTypeNm',
+            label: ITP_MSG_LOCALE.label.brandTypeNm, //브랜드 타입
+            width: '13', fixed: false, align: 'center',
+            sortable: false, hidden: false
+        },
+        {
+            index: 'REG_DT', name: 'regDt',
+            label: ITP_MSG_LOCALE.label.regDt, //등록일
+            width: '10', fixed: false, align: 'center',
+            sortable: false, hidden: false
+        }],
+    view: [],
+    detail: []
+};
+
+require(['config'], function() {
+    require([
+    ], function($) {
+        pageObj.init();
+    });
+});
+
+/*화면공통 Object*/
+let pageObj = {
+    init: function () {
+        this.ui.init();
+        this.event.init();
+    },
+    ui: {
+        init: function () {
+            this.view();
+            this.grid();
+            this.ready();
+        },
+        view: function() {
+            // 버튼 권한설정
+            fn_proc_btn_auth('STINFO01010');
+            // 공통코드 표시
+            fn_make_select(CODE_LIST, 'BRAND_TYPE', 'ITP_FORM_STINFO01010_SERVICE_BRAND_TYPE');
+            fn_make_select(CODE_LIST, 'ST_CD', 'ITP_FORM_STINFO01010_SERVICE_ST_CD', true, '선택');
+        },
+        grid: function() {
+            itp_fn_jqgrid_resize(STINFO01010_GRID_ID, STINFO01010_GRID_LIST, 'lg');
+            listObj.empty.init();
+            itp_fn_fire_window_resize();
+        },
+        ready: function() {
+            listObj.init();
+        }
+    },
+    event: {
+        init: function () {
+            this.button();
+        },
+        button: function () {
+            // 버튼 클릭 이벤트
+            $('button').each(function() {
+                var id = $(this).attr('id');
+                $(this).on('click', function() {
+                    switch (id) {
+                        case 'ITP_BTN_STINFO01010_SRH'				    : listObj.button.search();		break;	// 조회 버튼 클릭
+                        case 'ITP_BTN_STINFO01010_NEWREG'				: listObj.button.create(); 		break;	// 신규등록 버튼
+                        case 'ITP_BTN_STINFO01010_MODIFY'				: modifyObj.button.modify();	break;	// 수정 버튼
+                        case 'ITP_BTN_STINFO01010_CANCELLIST'			: createObj.button.cancel(); 	break;	// 취소/목록 버튼
+                        case 'ITP_BTN_STINFO01010_DELETE'				: 								break;	// 삭제 버튼
+                        case 'ITP_BTN_STINFO01010_SAVE'				    : createObj.button.save(); 		break;	// 저장 버튼
+                        case 'ITP_FORM_STINFO01010_DETAIL_DUP'		    : createObj.button.duplicate();	break;	// 중복체크
+                        case 'ITP_BTN_STINFO01010_RESET_PW'			    : createObj.button.resetPass();	break;	// 상세:비밀번호 초기화
+                        case 'ITP_BTN_STINFO01010_DETAIL_ADDROW'		: afflShopObj.button.addRow();	break;	// 상세:추가버튼
+                        case 'ITP_BTN_STINFO01010_DETAIL_DELROW'		: afflShopObj.button.delRow();	break;	// 상세:삭제버튼
+                    }
+                });
+            });
+        }
+    },
+    switchScreen: function(mode) {
+        if(mode == 'LIST') { // 목록
+            $('#ITP_BTN_STINFO01010_MODIFY').hide();
+            $('#ITP_BTN_STINFO01010_CANCELLIST').hide();
+            $('#ITP_BTN_STINFO01010_DELETE').hide();
+            $('#ITP_BTN_STINFO01010_SAVE').hide();
+            fn_show_btn_auth('#ITP_BTN_STINFO01010_SRH');
+            fn_show_btn_auth('#ITP_BTN_STINFO01010_NEWREG');
+
+            $('#ITP_AJAX_STINFO01010_LIST_CONTAINER').show();
+            $('#ITP_AJAX_STINFO01010_DETAIL_CONTAINER').hide();
+            $('#ITP_AJAX_STINFO01010_VIEW_CONTAINER').hide();
+        } else if(mode == 'ADD') { // 등록
+            ITP_FORM_STINFO01010_DETAIL_IS_DUPLICATE = true;
+
+            $('#ITP_BTN_STINFO01010_SRH').hide();
+            $('#ITP_BTN_STINFO01010_MODIFY').hide();
+            $('#ITP_BTN_STINFO01010_NEWREG').hide();
+            $('#ITP_BTN_STINFO01010_DELETE').hide();
+            $('#ITP_BTN_STINFO01010_RESET_PW').hide();
+            fn_show_btn_auth('#ITP_BTN_STINFO01010_CANCELLIST');
+            fn_show_btn_auth('#ITP_BTN_STINFO01010_SAVE');
+
+            $('#ITP_AJAX_STINFO01010_LIST_CONTAINER').hide();
+            $('#ITP_AJAX_STINFO01010_DETAIL_CONTAINER').show();
+            $('#ITP_AJAX_STINFO01010_VIEW_CONTAINER').hide();
+            $('#ITP_FORM_STINFO01010_DETAIL_BRAND_CD').removeAttr('readonly');
+            $('#ITP_FORM_STINFO01010_DETAIL_DUP').removeAttr('disabled');
+
+            $('#ITP_FORM_STINFO01010_DETAIL_VIEW_CD').val('C');
+            $('#ITP_FORM_STINFO01010_DETAIL_BRAND_NM').val('');
+            $('#ITP_FORM_STINFO01010_DETAIL_BRAND_USE_CD').val('');
+            $('#ITP_FORM_STINFO01010_DETAIL_BRAND_CD').val('');
+            $('#ITP_FORM_STINFO01010_DETAIL_CATE_CD').val('');
+            $('#ITP_FORM_STINFO01010_DETAIL_TAKEOUT_YN').val('');
+            $('#ITP_FORM_STINFO01010_DETAIL_CIRCULATE_STORE_YN').val('');
+            $('#ITP_FORM_STINFO01010_DETAIL_STORE_MENU_REG_YN').val('');
+            $('#ITP_FORM_STINFO01010_DETAIL_SALES_USER_ID').val('');
+            $('#ITP_FORM_STINFO01010_DETAIL_SALES_USER_NM').val('');
+
+        } else if(mode == 'MODIFY') { // 수정
+            $('#ITP_BTN_STINFO01010_SRH').hide();
+            $('#ITP_BTN_STINFO01010_MODIFY').hide();
+            $('#ITP_BTN_STINFO01010_NEWREG').hide();
+            $('#ITP_BTN_STINFO01010_DELETE').hide();
+            fn_show_btn_auth('#ITP_BTN_STINFO01010_CANCELLIST');
+            fn_show_btn_auth('#ITP_BTN_STINFO01010_SAVE');
+            fn_show_btn_auth('#ITP_BTN_STINFO01010_RESET_PW');
+
+            $('#ITP_AJAX_STINFO01010_LIST_CONTAINER').hide();
+            $('#ITP_AJAX_STINFO01010_DETAIL_CONTAINER').show();
+            $('#ITP_AJAX_STINFO01010_VIEW_CONTAINER').hide();
+            $('#ITP_FORM_STINFO01010_DETAIL_BRAND_CD').attr('readonly', true);
+            $('#ITP_FORM_STINFO01010_DETAIL_DUP').attr('disabled', true);
+        } else if(mode == 'VIEW') { // 보기
+            $('#ITP_BTN_STINFO01010_SRH').hide();
+            $('#ITP_BTN_STINFO01010_NEWREG').hide();
+            $('#ITP_BTN_STINFO01010_DELETE').hide();
+            $('#ITP_BTN_STINFO01010_SAVE').hide();
+            fn_show_btn_auth('#ITP_BTN_STINFO01010_MODIFY');
+            fn_show_btn_auth('#ITP_BTN_STINFO01010_CANCELLIST');
+
+            $('#ITP_AJAX_STINFO01010_LIST_CONTAINER').hide();
+            $('#ITP_AJAX_STINFO01010_DETAIL_CONTAINER').hide();
+            $('#ITP_AJAX_STINFO01010_VIEW_CONTAINER').show();
+        }
+    }
+};
+
+/*목록화면 Object*/
+let listObj = {
+    init: function () {
+        this.grid.init();
+    },
+    itp_STINFO01010_param: {},
+    itp_STINFO01010_search: false,
+    button: {
+        search: function() {
+            listObj.itp_STINFO01010_search = true;
+            let param = $('#ITP_FORM_STINFO01010_SEARCH').serializeObject();
+            param.gridSize = $.jgrid.defaults.rowNum;
+            param.gridPage = $.jgrid.defaults.page;
+            $(STINFO01010_GRID_ID).setGridParam({'postData': JSON.stringify(param)}).trigger('reloadGrid');
+        },
+        create: function() {
+            pageObj.switchScreen('ADD');
+            itp_fn_form_clear_validate(null, '#ITP_FORM_STINFO01010_DETAIL');
+            // 권한정보 리스트 조회
+            createObj.init();
+        }
+    },
+    empty: {
+        init: function() {
+            var _this = this;
+            this.push();
+            $(STINFO01010_GRID_EMPTY).on('click', function() {
+                _this.back();
+                listObj.itp_STINFO01010_param.gridSize = $.jgrid.defaults.rowNum;
+                $(STINFO01010_GRID_ID).setGridParam({'postData': JSON.stringify(listObj.itp_STINFO01010_param)}).trigger('reloadGrid');
+            });
+        },
+        push: function() {
+            let param = $('#ITP_FORM_STINFO01010_SEARCH').serializeObject();
+            listObj.itp_STINFO01010_param = param;
+        },
+        back: function() {
+            $('#ITP_FORM_STINFO01010_SERVICE_BRAND_TYPE').val(listObj.itp_STINFO01010_param.brandType);
+            $('#ITP_FORM_STINFO01010_SERVICE_ST_CD').val(listObj.itp_STINFO01010_param.stCd);
+            $('#ITP_FORM_STINFO01010_SEARCH_BRAND_NM').val(listObj.itp_STINFO01010_param.brandNm);
+        }
+    },
+    grid: {
+        init: function () {
+            // 데이터 없을때
+            listObj.empty.push();
+            this.search();
+        },
+        colModel: gridColModel.list,
+        search: function() {
+            pageObj.switchScreen('LIST');
+            this.unload();
+            this.load();
+        },
+        load: function() {
+            let param = $('#ITP_FORM_OPER01010_SEARCH').serializeObject();
+            param.gridSize = $.jgrid.defaults.rowNum;
+
+            var option = {
+                gridId: STINFO01010_GRID_ID,
+                colModel: gridColModel.list,
+                param: JSON.stringify(param),
+                url: DOMAIN + BRAND_DETAIL_GRID_LIST,
+                pager: STINFO01010_GRID_PAGER,
+                onCellSelect: function(rowId, cellIdx, cellValue) {
+                    var cm = $(this).jqGrid('getGridParam', 'colModel');
+                    var colNm = cm[cellIdx].name;
+                    if (colNm === 'brandId') {
+                        const brandIdVal = $(this).jqGrid('getCell', rowId, 'brandId');
+                        const key = {brandId: brandIdVal, viewCd: 'R'};
+                        var param = $.param(key);
+                        viewObj.init(param);
+                    }
+                },
+                loadComplete: function(data) {
+                    //console.log(JSON.stringify(data));
+                    itp_fn_grid_load_complete(data, STINFO01010_GRID_ID, true, 'number', 'STINFO01010', listObj.itp_STINFO01010_search, listObj.empty, true, data.gridRecords, true);
+                    var ids = $(STINFO01010_GRID_ID).getDataIDs();
+                    $.each(ids, function(idx, rowId) {
+                        $(STINFO01010_GRID_ID).jqGrid('setCell', rowId, 'brandId', '', ITP_GRID_COL_STYLE.link);
+                    });
+                },
+                onPaging: function(action) {
+                    itp_fn_grid_paging(STINFO01010_GRID_ID, action, param);
+                }
+            };
+            itp_fn_grid_make_remote(option);
+        },
+        clearData : function() {
+            $(STINFO01010_GRID_ID).jqGrid('clearGridData', true);
+            $(STINFO01010_GRID_LIST).find('.ui-jqgrid-bdiv').css('min-height', '100px');
+            $(STINFO01010_GRID_EMPTY).html(ITP_MSG_LOCALE.message.grid.noData);
+            $(STINFO01010_GRID_EMPTY).show();
+        },
+        unload : function() {
+            $.jgrid.gridUnload(STINFO01010_GRID_ID);
+        }
+    }
+};
+
+/*상세화면 Object*/
+let viewObj = {
+    init: function (param) {
+        this.load(param);
+    },
+    load: function(param) {
+        fn_ajax_call(BRAND_INFO_BRAND, param, this.callback, 'GET');
+    },
+    callback: function (result) {
+        console.log(result);
+        pageObj.switchScreen('VIEW');
+        $('#ITP_FORM_STINFO01010_VIEW #ITP_FORM_OPER01010_VIEW_BRAND_ID').val(result.brandId);
+        $('#ITP_FORM_STINFO01010_VIEW .fnBrandUnitUnqNo').text(result.brandId);
+        $('#ITP_FORM_STINFO01010_VIEW .fnStCd').text(result.stCd);
+        $('#ITP_FORM_STINFO01010_VIEW .fnBrandNm').text(result.brandNm);
+        $('#ITP_FORM_STINFO01010_VIEW .fnBrandType').text(result.brandType);
+        $('#ITP_FORM_STINFO01010_VIEW .fnTelNo').text(result.telNo);
+        $('#ITP_FORM_STINFO01010_VIEW .fnFaxNo').text(result.faxNo);
+        $('#ITP_FORM_STINFO01010_VIEW .fnEmalAddr').text(result.email);
+        $('#ITP_FORM_STINFO01010_VIEW .fnDpstBnkCd').text(result.bnkCd);
+        $('#ITP_FORM_STINFO01010_VIEW .fnRcvAcctNo').text(result.acctNo);
+        $('#ITP_FORM_STINFO01010_VIEW .fnOwacNm').text(result.owacNm);
+        $('#ITP_FORM_STINFO01010_VIEW .fnZipNo').text(result.zipNo);
+        $('#ITP_FORM_STINFO01010_VIEW .fnLoadAddr').text(result.addr1);
+        $('#ITP_FORM_STINFO01010_VIEW .fnDtlAddr').text(result.addr2);
+        $('#ITP_FORM_STINFO01010_VIEW .fnRegId').text(result.sysRegId);
+        $('#ITP_FORM_STINFO01010_VIEW .fnRegDt').text(result.sysRegDttm);
+        $('#ITP_FORM_STINFO01010_VIEW .fnChgId').text(result.sysChgId);
+        $('#ITP_FORM_STINFO01010_VIEW .fnChgDt').text(result.sysChgDttm);
+        // $('#ITP_FORM_STINFO01010_VIEW .fnBrandLogo').text(result.lastLoginDt);
+    }
+};
+
+/*수정화면 Object*/
+let modifyObj = {
+    init: function (param) {
+        this.load(param);
+    },
+    load: function() {
+    },
+    callback: function (result) {
+        // console.log(result);
+    }
+};
+
+/*신규화면 Object*/
+let createObj = {
+    init: function () {
+        this.load();
+    },
+    button: {
+        cancel: function () {
+            listObj.grid.search();
+        }
+    },
+    load: function () {
+    }
+};

src/main/webapp/js/app/stockmng/ITP_STOCKMNG04010.js

@@ -0,0 +1,350 @@
+
+const STOCKMNG04010_GRID_ID = '#ITP_STOCKMNG04010_jqGrid';	
+const STOCKMNG04010_GRID_LIST = STOCKMNG04010_GRID_ID + '_list';
+const STOCKMNG04010_GRID_PAGER = STOCKMNG04010_GRID_ID + 'Pager';
+const STOCKMNG04010_GRID_EMPTY = STOCKMNG04010_GRID_ID + 'Empty';
+
+let ITP_FORM_STOCKMNG04010_IS_WRITING = false;
+let ITP_FORM_STOCKMNG04010_IS_DUPLICATE = false;
+let STOCKMNG04010_GRID_LAST_ROW_ID;
+let STOCKMNG04010_SCH_CODE_CD; //
+
+let CODE_CODE_SEARCH = '/api/code/code-search'; 
+let CODE_SAVE_CODE = '/api/code/save-code'; 
+let CODE_INFO_CODE = '/api/code/info-code'; 
+let CODE_CHECK_DUPLICATE = '/api/code/check-duplicate'; 
+let CODE_DETAIL_GRID_LIST = '/api/code/detail-grid-list'; 
+
+require(['config'], function() {
+	require([
+		'jquery'
+	], function($) {
+		
+		// 버튼 권한설정
+		fn_proc_btn_auth('STOCKMNG04010');
+		
+		// 공통코드 표시
+		fn_make_select(CODE_LIST, 'CODE_TP_CD', 'ITP_STOCKMNG04010_ADV_SRH_FORM_CODE_TP_CD', true, '전체');
+		fn_make_select(CODE_LIST, 'CODE_TP_CD', 'ITP_FORM_STOCKMNG04010_CODE_TYPE', true, '선택');		
+		fn_make_select(CODE_LIST, 'USE_YN', 'ITP_STOCKMNG04010_ADV_SRH_FORM_USE_YN', true, '전체');
+		fn_make_select(CODE_LIST, 'USE_YN', 'ITP_FORM_STOCKMNG04010_USE_YN', true, '선택');
+
+		itp_fn_STOCKMNG04010_search();
+		itp_fn_jqgrid_resize(STOCKMNG04010_GRID_ID, STOCKMNG04010_GRID_LIST, 'sm');
+		itp_fn_STOCKMNG04010_detail_grid.init();
+    	itp_fn_fire_window_resize();
+
+		$('#ITP_BTN_STOCKMNG04010_SRH').on('click', function() {
+			itp_fn_STOCKMNG04010_search();
+		});
+
+		$('#ITP_AJAX_STOCKMNG04010_SRH_CONTAINER').on('click', '.list-group .list-group-item', function() {
+			const $this = $(this);
+			var itemFn = {
+				callBack: function() {
+					itp_fn_form_clear_validate(null, '#ITP_FORM_STOCKMNG04010_DETAIL');
+					$('#ITP_AJAX_STOCKMNG04010_SRH_CONTAINER .list-group .list-group-item').removeClass('active');
+					$this.addClass('active');
+					const codeCd = $this.find('.itp_param_key').text();
+					itp_fn_STOCKMNG04010_detail(codeCd);
+				}
+			};
+			if (ITP_FORM_STOCKMNG04010_IS_WRITING || itp_fn_check_grid_is_writing(STOCKMNG04010_GRID_ID)) {
+				itp_fn_modal_confirm(ITP_MSG_LOCALE.message.ajax.cancelData, itemFn, null);
+			} else {
+				itemFn.callBack();
+			}
+		});
+
+		$('#ITP_BTN_STOCKMNG04010_NEW').on('click', function() {
+			var newFn = {
+    			callBack: function(args) {
+					itp_fn_form_clear_validate(null, '#ITP_FORM_STOCKMNG04010_DETAIL');
+    				const item = $('#ITP_AJAX_STOCKMNG04010_SRH_CONTAINER .list-group .list-group-item');
+    				item.removeClass('active');
+
+					// 코드정보 초기화
+					$('#ITP_FORM_STOCKMNG04010_DETAIL input[name=viewCd]').val('C');
+					$('#ITP_FORM_STOCKMNG04010_CODE_CD').val('');
+					$('#ITP_FORM_STOCKMNG04010_CODE_NM_KR').val('');
+					$('#ITP_FORM_STOCKMNG04010_USE_YN').val('');
+					$('#ITP_FORM_STOCKMNG04010_CODE_TYPE').val('');
+					$('#ITP_FORM_STOCKMNG04010_CODE_CD').removeAttr('readonly');
+					$('#ITP_BTN_STOCKMNG04010_DUP').removeAttr('disabled');
+					
+					// 그리드 초기화
+					itp_fn_STOCKMNG04010_detail_grid.clearData();
+    			}
+    		};
+			if (ITP_FORM_STOCKMNG04010_IS_WRITING || itp_fn_check_grid_is_writing(STOCKMNG04010_GRID_ID)) {
+				itp_fn_modal_confirm(ITP_MSG_LOCALE.message.ajax.cancelData, newFn, null);
+			} else {
+				newFn.callBack();
+			}
+		});
+
+		$('#ITP_BTN_STOCKMNG04010_SAVE').on('click', function() {
+			const formId = '#ITP_FORM_STOCKMNG04010';
+			itp_fn_form_clear_validate(null, formId + '_DETAIL');
+			var vali_codeCd = itp_fn_form_validate(formId + '_DETAIL', formId + '_CODE_CD', ['empty'], undefined);
+			var vali_useYn = itp_fn_form_validate(formId + '_DETAIL', formId + '_USE_YN', ['empty'], undefined);
+			var vali_codeNmKr = itp_fn_form_validate(formId + '_DETAIL', formId + '_CODE_NM_KR', ['empty'], undefined);
+			var vali_codeTypeCd = itp_fn_form_validate(formId + '_DETAIL', formId + '_CODE_TYPE', ['empty'], undefined);
+
+			if (vali_codeCd && vali_useYn && vali_codeNmKr && vali_codeTypeCd) {
+				if (ITP_FORM_STOCKMNG04010_IS_DUPLICATE) {
+					itp_fn_modal_duplicate(ITP_MSG_LOCALE.label.code, formId + '_CODE_CD');
+				} else {
+					if (itp_fn_grid_validate_row(STOCKMNG04010_GRID_ID)) {
+						let gridInsertData = [];
+						let gridUpdateData = [];
+						let gridDeleteData = [];
+						const rowData = $(STOCKMNG04010_GRID_ID).getRowData();
+						const keyValue = $(formId + '_CODE_CD').val();
+						$.each(rowData, function(key, value) {
+							if (value.viewCd != 'R') {
+								value.codeCd = keyValue;
+								if (value.viewCd == 'C') {
+									gridInsertData.push(value);
+								} else if (value.viewCd == 'U') {
+									gridUpdateData.push(value);
+								} else if (value.viewCd == 'D') {
+									gridDeleteData.push(value);
+								}
+							}
+						});
+						let param = $(formId + '_DETAIL').serializeObject();
+						param.gridInsertData = gridInsertData;
+						param.gridUpdateData = gridUpdateData;
+						param.gridDeleteData = gridDeleteData;
+						//console.log(JSON.stringify(param)); 						
+						var searhFn = function() {
+							STOCKMNG04010_SCH_CODE_CD = keyValue;
+							ITP_FORM_STOCKMNG04010_IS_WRITING = false;
+							var keyword = {sCodeNm: $('#ITP_KEYWORD_STOCKMNG04010_INPUT').val()};
+							var param = $('#ITP_STOCKMNG04010_ADV_SRH_FORM').serialize() + '&' + $.param(keyword);
+							fn_ajax_call(CODE_CODE_SEARCH, param, itp_fn_STOCKMNG04010_search_callback, 'GET');
+						};
+						fn_ajax_call(CODE_SAVE_CODE, JSON.stringify(param), searhFn, 'POST');						
+					};
+				}
+			}
+		});
+	});
+});
+
+var itp_fn_STOCKMNG04010_search = function() {
+	var searhFn = {
+		callBack: function(args) {			
+			var sCodeNm = {sCodeNm: $('#ITP_KEYWORD_STOCKMNG04010_INPUT').val()};
+			var param = $('#ITP_STOCKMNG04010_ADV_SRH_FORM').serialize() + '&' + $.param(sCodeNm);						
+			fn_ajax_call(CODE_CODE_SEARCH, param, itp_fn_STOCKMNG04010_search_callback, 'GET');
+		}
+	};
+	if (ITP_FORM_STOCKMNG04010_IS_WRITING || itp_fn_check_grid_is_writing(STOCKMNG04010_GRID_ID)) {
+		itp_fn_modal_confirm(ITP_MSG_LOCALE.message.ajax.cancelData, searhFn, null);
+	} else {
+		searhFn.callBack();
+	}
+};
+
+var itp_fn_STOCKMNG04010_search_callback = function(result) {
+	
+	$('#ITP_AJAX_STOCKMNG04010_SRH_CONTAINER > .list-group').empty(); // 초기화
+	
+	$.each(result.searchList, function(index, item) {
+		$('#ITP_AJAX_STOCKMNG04010_SRH_CONTAINER > .list-group').append($('#ITP_AJAX_STOCKMNG04010_SRH_CONTAINER_ROWCOPY').val());
+		$('#ITP_AJAX_STOCKMNG04010_SRH_CONTAINER > .list-group > .list-group-item:last').find('.fnCodeCd').text(item.codeCd);
+		$('#ITP_AJAX_STOCKMNG04010_SRH_CONTAINER > .list-group > .list-group-item:last').find('.fnCodeNm').text(item.codeNm);
+		$('#ITP_AJAX_STOCKMNG04010_SRH_CONTAINER > .list-group > .list-group-item:last').find('.fnCodeTpNm').text(item.codeTpNm);
+		if(STOCKMNG04010_SCH_CODE_CD && STOCKMNG04010_SCH_CODE_CD == item.codeCd) {
+			$('#ITP_AJAX_STOCKMNG04010_SRH_CONTAINER > .list-group > .list-group-item:last').addClass('active');	
+		}		
+	});
+	
+	// 첫번째 데이터 상세조회
+	if($('#ITP_AJAX_STOCKMNG04010_SRH_CONTAINER .list-group .list-group-item').length > 0) {
+		if(STOCKMNG04010_SCH_CODE_CD && STOCKMNG04010_SCH_CODE_CD !== undefined) {
+			itp_fn_STOCKMNG04010_detail(STOCKMNG04010_SCH_CODE_CD);	
+		} else {
+			const item = $('#ITP_AJAX_STOCKMNG04010_SRH_CONTAINER .list-group .list-group-item').first();
+			const codeCd = item.find('.itp_param_key').text();
+			item.addClass('active');
+			itp_fn_STOCKMNG04010_detail(codeCd);	
+		}	
+	}	
+};
+
+var itp_fn_STOCKMNG04010_detail = function(key) {
+	var codeCd  = {codeCd: key};
+	var param = $.param(codeCd);						
+	fn_ajax_call(CODE_INFO_CODE, param, itp_fn_STOCKMNG04010_detail_callback, 'GET');	
+};
+
+var itp_fn_STOCKMNG04010_detail_callback = function(result) {
+	// 코드정보 지정
+	$('#ITP_FORM_STOCKMNG04010_DETAIL input[name=viewCd]').val('U');
+	$('#ITP_FORM_STOCKMNG04010_CODE_CD').val(result.codeCd);
+	$('#ITP_FORM_STOCKMNG04010_CODE_NM_KR').val(result.codeNm);
+	$('#ITP_FORM_STOCKMNG04010_USE_YN').val(result.useYn);
+	$('#ITP_FORM_STOCKMNG04010_CODE_TYPE').val(result.codeTpCd);
+	$('#ITP_FORM_STOCKMNG04010_CODE_CD').attr('readonly', true);
+	$('#ITP_BTN_STOCKMNG04010_DUP').attr('disabled', true);
+
+	// 코드 상세리스트 조회	
+	const key = {codeCd: result.codeCd, gridSize: $.jgrid.defaults.rowNum};
+	itp_fn_STOCKMNG04010_detail_grid.unload();
+	itp_fn_STOCKMNG04010_detail_grid.callBack(key);
+};
+		
+var itp_fn_STOCKMNG04010_detail_grid = {
+	init: function() {
+		ITP_FORM_STOCKMNG04010_IS_WRITING = false;
+		ITP_FORM_STOCKMNG04010_IS_DUPLICATE = false;
+		
+		$('#ITP_FORM_STOCKMNG04010_DETAIL').on('change', 'input, select, textarea', function() {
+    		if (!ITP_FORM_STOCKMNG04010_IS_WRITING) {
+    			ITP_FORM_STOCKMNG04010_IS_WRITING = true;
+    		}
+    		if ($(this).attr('id') == 'ITP_FORM_STOCKMNG04010_CODE_CD') {
+				ITP_FORM_STOCKMNG04010_IS_DUPLICATE = true;
+			}
+    	});
+
+		$('body').on('click', function(e) {
+			var gridId = STOCKMNG04010_GRID_ID.replace('#', '');
+			itp_fn_grid_reset_selection(e, STOCKMNG04010_GRID_LAST_ROW_ID, gridId, 'STOCKMNG04010');
+		});
+
+		$('#ITP_BTN_STOCKMNG04010_DUP').on('click', function() {
+			const formId = '#ITP_FORM_STOCKMNG04010';
+			itp_fn_form_clear_validate(null, formId + '_DETAIL');
+			var vali_codeCd = itp_fn_form_validate(formId + '_DETAIL', formId + '_CODE_CD', ['empty'], undefined);
+			if (vali_codeCd) {
+				var dupFn = function(result) {
+					if (result.code == 'N') {
+						ITP_FORM_STOCKMNG04010_IS_DUPLICATE = false;
+					} else {
+						ITP_FORM_STOCKMNG04010_IS_DUPLICATE = true;
+					}
+				};
+				const key = {'codeCd':  $(formId + '_CODE_CD').val()};
+				const param = $.param(key);
+				fn_ajax_call(CODE_CHECK_DUPLICATE, param, dupFn, 'GET');
+			}
+		});
+
+		$('#ITP_BTN_STOCKMNG04010_ADDROW').on('click', function() {
+			STOCKMNG04010_GRID_LAST_ROW_ID = itp_fn_grid_add_row(STOCKMNG04010_GRID_ID, undefined, ['codeDtlCd'], 'STOCKMNG04010');
+		});
+
+		$('#ITP_BTN_STOCKMNG04010_DELROW').on('click', function() {
+		    itp_fn_grid_del_row(STOCKMNG04010_GRID_ID);
+		});
+	},
+	callBack: function(args) {
+		$(STOCKMNG04010_GRID_ID).jqGrid({
+			colModel: [
+				{
+					index: 'VIEW_CD', name: 'viewCd',
+					label: ITP_MSG_LOCALE.label.viewCd,
+					width: '10', fixed: false, align: 'center',
+					sortable: false, hidden: true
+				},
+				{
+					index: 'CODE_CD', name: 'codeCd',
+					label: ITP_MSG_LOCALE.label.code,
+					width: '10', fixed: false, align: 'center',
+					sortable: false, hidden: true
+				},
+				{
+					index: 'CODE_DTL_CD', name: 'codeDtlCd',
+					label: ITP_MSG_LOCALE.label.codeDtl,
+					width: '10', fixed: false, align: 'center',
+					sortable: false, editable: false, edittype: 'text',
+					editrules: {required: true},
+					editoptions: {maxlength: 10}
+				},
+				{
+					index: 'VIEW_NUM', name: 'viewNum',
+					label: ITP_MSG_LOCALE.label.orderNo,
+					width: '10', fixed: false, align: 'center',
+					sortable: true, editable: true, edittype: 'text',
+					editrules: {required: true, number: true}
+				},
+				{
+					index: 'CODE_DTL_NM', name: 'codeDtlNm',
+					label: ITP_MSG_LOCALE.label.codeNmKo,
+					width: '30', fixed: false, align: 'center',
+					sortable: false, editable: true, edittype: 'text',
+					editrules: {required: true},
+					editoptions: {maxlength: 40}
+				},
+				{
+					index: 'CODE_DESC', name: 'codeDesc',
+					label: ITP_MSG_LOCALE.label.remark,
+					width: '20', fixed: false, align: 'center',
+					sortable: false, editable: true, edittype: 'text'
+				},
+				{
+					index: 'USE_YN', name: 'useYn',
+					label: ITP_MSG_LOCALE.label.useYn,
+					width: '10', fixed: false, align: 'center',
+					sortable: false, editable: true, formatter: 'checkbox', edittype: 'checkbox',
+					editoptions: {value: 'Y:N', defaultValue: 'Y'},
+					editrules: {required: true}
+				}
+			],
+			loadBeforeSend: function(jqXHR) {
+			    jqXHR.setRequestHeader('X-AUTH-TOKEN', CONN_KEY);
+			},
+			postData: JSON.stringify(args),
+			url: DOMAIN + CODE_DETAIL_GRID_LIST,
+			pager: STOCKMNG04010_GRID_PAGER,
+			onCellSelect: function(rowId, cellIdx, cellValue) {
+				STOCKMNG04010_GRID_LAST_ROW_ID = itp_fn_set_data_editable(rowId, cellIdx, STOCKMNG04010_GRID_LAST_ROW_ID, STOCKMNG04010_GRID_ID, ['codeDtlCd']);
+		   	},
+			loadComplete: function(data) {
+				itp_fn_grid_load_complete(data, STOCKMNG04010_GRID_ID, true, undefined, 'STOCKMNG04010');
+		    },
+		    loadError: function(jqXHR, textStatus, errorThrown) {
+		    	itp_fn_grid_load_error(jqXHR, textStatus, errorThrown);
+		    },
+		    onPaging: function(action) {
+		    	var pagingFn = {
+	    			callBack: function(args) {
+	    				$(args).trigger('reloadGrid');
+	    			}
+	    		};
+		    	if (itp_fn_check_grid_is_writing(STOCKMNG04010_GRID_ID)) {
+		    		itp_fn_modal_confirm(ITP_MSG_LOCALE.message.ajax.cancelData, pagingFn, STOCKMNG04010_GRID_ID);
+		    		return 'stop';
+		    	} else {
+		    		itp_fn_grid_paging(STOCKMNG04010_GRID_ID, action, args);
+		    	}
+		    },
+		    onSortCol: function(index, columnIndex, sortOrder) {
+		    	var sortingFn = {
+	    			callBack: function(args) {
+	    				$(args).trigger('reloadGrid');
+	    			}
+	    		};
+		    	if (itp_fn_check_grid_is_writing(STOCKMNG04010_GRID_ID)) {
+		    		itp_fn_modal_confirm(ITP_MSG_LOCALE.message.ajax.cancelData, sortingFn, STOCKMNG04010_GRID_ID);
+		    		return 'stop';
+		    	} else {
+		    		itp_fn_grid_sorting(STOCKMNG04010_GRID_ID, index, sortOrder);
+		    	}
+		    }
+		}).navGrid(STOCKMNG04010_GRID_PAGER, ITP_GRID_NAV_DEFAULTS.navGrid);
+	},
+	clearData : function() {
+		$(STOCKMNG04010_GRID_ID).jqGrid('clearGridData', true);
+		$(STOCKMNG04010_GRID_LIST).find('.ui-jqgrid-bdiv').css('min-height', '100px');
+		$(STOCKMNG04010_GRID_EMPTY).html(ITP_MSG_LOCALE.message.grid.noData);
+		$(STOCKMNG04010_GRID_EMPTY).show();
+	}, 
+	unload : function() {
+		$.jgrid.gridUnload(STOCKMNG04010_GRID_ID); 
+	}
+};

src/main/webapp/mobile/app/login.html

@@ -0,0 +1,106 @@
+<!DOCTYPE html>
+<html lang="ko">
+<head>
+	<meta charset="UTF-8">
+	<meta http-equiv="X-UA-Compatible" content="IE=edge">
+	<title>누리키오스크 운영시스템</title>
+	<meta name="Description" content="" />
+	<meta name="Keywords" content="" />
+	<meta name="Author" content="누리키오스크" />
+	<meta name="HandheldFriendly" content="true" />
+	<meta name="format-detection" content="telephone=no">
+	<meta name="apple-mobile-web-app-capable" content="yes" />
+	<meta name="apple-mobile-web-app-status-bar-style" content="black" />
+
+	<link rel="shortcut icon" type="image/png" href="../../images/favicon.ico"/>
+	<link rel="stylesheet" href="../../bootstrap/dist/css/bootstrap.min.css" />
+	<link rel="stylesheet" href="../../css/style.css" />
+
+	<script>
+		const VIEW_PAGE = 'LOGIN'; //config.js 에서 로그인 페이지 인지 아닌지 확인하기 위한 변수
+		var CONN_KEY; //Jwt 토큰을 담기위한 변수
+		var POP_LIST; //팝업 리스트
+	</script>
+
+	<script src="../../js/app/properties.js"></script>
+	<script src="../../js/require.min.js" data-main="../../js/app/config.js"></script>
+</head>
+<body>
+	<div id="ITP_LOGIN">
+		<div class="itp_cont">
+			<div class="container">
+				<div class="itp_box_wrap">
+					<div class="itp_head fix">
+						<h1 class="itp_logo">누리키오스크</h1>
+						<span class="itp_bar">|</span>
+						<h2 class="text-center itp_tit">운영시스템</h2>
+					</div>
+					<div class="panel panel-default itp_box">
+						<div class="panel-body itp_body">
+							<form id="command" class="form-horizontal" action="" method="post" onsubmit="return false;">
+								<input id="userId" name="userId" type="hidden" value="" />
+	        					<input id="password" name="password" type="hidden" value="" />
+
+								<div class="row">
+									<div class="col-xs-9">
+										<div class="form-group">
+											<label class="col-xs-3 itp_lb">아이디</label>
+											<div class="col-xs-9">
+												<input type="text" class="form-control" id="ITP_FORM_LOGIN_USER_ID" autofocus>
+											</div>
+										</div>
+										<div class="form-group">
+											<label class="col-xs-3 itp_lb">비밀번호</label>
+											<div class="col-xs-9">
+												<input type="password" class="form-control" id="ITP_FORM_LOGIN_USER_PW" autocomplete="off">
+											</div>
+										</div>
+										<div class="form-group">
+											<div class="col-xs-offset-3 col-xs-9">
+												<div class="checkbox pull-left">
+													<label><input type="checkbox" id="ITP_FORM_LOGIN_SAVE_ID"> 아이디저장</label>
+												</div>
+											</div>
+										</div>
+										<div class="form-group">
+											<div class="col-xs-offset-3 col-xs-9">
+												<p class="text-nowrap itp_error" id="ITP_FORM_LOGIN_ERROR">
+												아이디와 비밀번호를 입력하세요.
+												</p>
+											</div>
+										</div>
+									</div>
+									<div class="col-xs-3">
+										<button type="submit" id="login_btn" class="btn btn-primary btn-lg itp_btn">로그인</button>
+									</div>
+								</div>
+							</form>
+						</div>
+					</div>
+					<div class="panel panel-default text-center itp_foot">본 시스템은 크롬 브라우저에 최적화 되어 있습니다.</div>
+					<div class="text-center itp_copyright">COPYRIGHT © NOORIJA Co., Ltd. ALL RIGHTS RESERVED</div>
+				</div>
+			</div>
+		</div>
+	</div>
+	<aside id="ITP_ASIDE">
+		<div id="ITP_MODAL_ALERT_AJAX" class="modal itp_modal">
+			<div class="modal-dialog modal-sm">
+				<div class="modal-content">
+					<div class="modal-header">
+						<button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
+						<h5 class="modal-title">알림</h5>
+					</div>
+					<div class="modal-body">
+						<div class="text-center itp_alert_txt"></div>
+					</div>
+					<div class="modal-footer">
+						<button type="button" class="btn btn-primary" id="ITP_MODAL_ALERT_AJAX_CONFIRM">확인</button>
+					</div>
+				</div>
+			</div>
+		</div>
+	</aside>
+	<script src="../js/app/login.js?version=20210826"></script>
+</body>
+</html>

src/main/webapp/mobile/app/main.html

@@ -0,0 +1,490 @@
+<!DOCTYPE html>
+<html lang="ko">
+<head>
+	<meta charset="UTF-8">
+	<meta http-equiv="X-UA-Compatible" content="IE=edge">
+	<title>누리키오스크 운영시스템</title>
+	<meta name="robots" content="noindex, nofollow" />
+	<meta name="Description" content="" />
+	<meta name="Keywords" content="" />
+	<meta name="Author" content="누리키오스크" />
+	<meta name="HandheldFriendly" content="true" />
+	<meta name="format-detection" content="telephone=no">
+	<meta name="apple-mobile-web-app-capable" content="yes" />
+	<meta name="apple-mobile-web-app-status-bar-style" content="black" />
+	
+	<meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate">
+	<meta http-equiv="Expires" content="0">
+	<meta http-equiv="Pragma" content="no-cache">
+
+	<link rel="shortcut icon" type="image/png" href="../../images/favicon.ico"/>
+	<link rel="stylesheet" href="../../bootstrap/dist/css/bootstrap.min.css" />
+	<link rel="stylesheet" href="../../bootstrap-datepicker/css/bootstrap-datepicker3.css" />
+	<link rel="stylesheet" href="../../bootstrap-fileUpload/dist/bootstrap-FileUpload.css" />
+    <link rel="stylesheet" href="../../css/ui.jqgrid-bootstrap.css" />
+	<link rel="stylesheet" href="../../css/style.css" />
+
+	<script>
+		const ITP_SYSTEM_ADMIN_YN = 'Y';		
+		const VIEW_PAGE = 'MAIN'; //config.js 에서 로그인 페이지 인지 아닌지 확인하기 위한 변수
+		
+		var CONN_KEY; //Jwt 토큰을 담기위한 변수
+		var CODE_LIST; //코드리스트를 담기위한 변수
+		var AUTH_MENU_LIST; //메뉴리스트를 담기위한 변수
+		var ACT_LIST; //액션리스트를 담기위한 변수
+		var POP_LIST; //팝업 리스트
+		var USER_ID; //사용자ID
+		var USER_NM; //사용자명		
+	</script>
+
+	<script src="../../js/app/properties.js"></script>
+	<script src="../../js/require.min.js" data-main="../../js/app/config.js"></script>
+</head>
+<body>
+	<div id="ITP_WRAPPER">
+		<!-- <div id="ITP_OVERLAY"></div> -->
+
+		<!-- 상단 -->
+		<header id="ITP_HEADER">
+			<div class="itp_head bg-primary">
+				<h1 class="text-center itp_tit">
+					<span id="ITP_TXT_MAIN_SHR_AFFL">오더퀸</span>
+					<span style="font-size: 18px; margin-top: -3px">|</span>
+					<span style="font-size: 14px">수발주시스템</span>
+				</h1>
+				<div class="itp_lt">
+					<span class="itp_icon"><a href="javascript:void(0)" id="ITP_BTN_MENU"><i class="glyphicon glyphicon-align-justify"></i></a></span>
+					<span class="itp_icon"><a href="javascript:void(0)" id="ITP_BTN_HOME"><i class="glyphicon glyphicon-home"></i></a></span>
+					<span class="itp_user" id="ITP_LOGIN_USER" style="cursor: pointer;"></span>
+					<span class="itp_icon"><a href="javascript:void(0)" id="ITP_BTN_BARCODE"><i class="glyphicon glyphicon-barcode"></i></a></span>
+				</div>
+				<div class="itp_rt">
+					<!--<span class="itp_logo"><img src="/oqpo-view/images/favicon.ico" alt="로고"></span>-->
+					<span class="itp_txt_brand" id="ITP_TXT_MAIN_SHR_TIMEOUT"></span>
+					<span class="itp_txt_brand" id="ITP_TXT_MAIN_SHR_BRAND"></span>
+					<span class="itp_sch_brand"><button type="button" id="ITP_BTN_MAIN_SHR_AFFL" class="btn btn-success btn-sm SEB"><i class="glyphicon glyphicon-search"></i></button></span>
+					<span class="itp_menu"><a href="javascript:void(0)" class="">메뉴안내</a></span>
+					<span class="itp_out"><a href="javascript:void(0)" class="ITP_BTN_LOGOUT">로그아웃</a></span>
+				</div>
+			</div>
+			<!-- 상단 탭 부분 -->
+			<div class="itp_tabs">
+				<ul class="nav nav-tabs itp_tab_list" role="tablist">
+					<li class="active"><a href="#ITP_TAB_SUMMARY" role="tab" data-toggle="tab" class="itp_tab_open">메뉴안내</a></li>
+				</ul>
+			</div>
+		</header>
+		
+		<div id="ITP_CONTENT_WRAPPER" class="fix">
+			
+		<nav id="ITP_SIDEBAR" class="itp_open_nav">
+			
+				<ul class="panel-group itp_nav"></ul>
+				
+				<textarea id="ITP_AJAX_MAIN_SIDE_LEVEL2_ROWCOPY" rows="0" cols="0" style="display:none;">		
+				<li class="panel panel-default">
+					<div class="panel-heading">
+						<div class="panel-title">
+							<a class="accordion-toggle" data-toggle="collapse" href="">
+								<span class="fnMenuNm">메뉴명</span>
+								<i class="indicator glyphicon glyphicon-chevron-down pull-right"></i>
+							</a>
+						</div>
+					</div>
+					<div class="panel-collapse collapse" id="">
+						<div class="panel-body itp_svgs_body">
+							<ul class="itp_svgs fnLevelBottomList"></ul>
+						</div>
+					</div>
+				</li>		
+				</textarea>
+				<textarea id="ITP_AJAX_MAIN_SIDE_LEVEL3_ROWCOPY" rows="0" cols="0" style="display:none;">		
+				<li>
+					<div class="itp_svg_in">
+						<a href="javascript:void(0)" data-itp-nav-id="" data-conn-url="" id="" class="itp_nav_link fix">														
+							<i class="glyphicon glyphicon-chevron-right"></i>
+							<span class="itp_tt fnMenuNm">메뉴명</span>
+						</a>
+					</div>
+				</li>		
+				</textarea>
+				<textarea id="ITP_AJAX_MAIN_SIDE_LEVEL4_ROWCOPY" rows="0" cols="0" style="display:none;">		
+				<li>
+					<div class="itp_svg_in">
+						<a href="javascript:void(0)" data-itp-nav-id="" data-conn-url="" id="" class="itp_nav_link fix">
+							<i class="itp_icon">└</i>								
+							<span class="itp_tt fnMenuNm">메뉴명</span>
+						</a>
+					</div>
+				</li>		
+				</textarea>
+				<textarea id="ITP_AJAX_MAIN_SIDE_LEVEL5_ROWCOPY" rows="0" cols="0" style="display:none;">		
+				<li>
+					<div class="itp_svg_in">
+						<a href="javascript:void(0)" data-itp-nav-id="" data-conn-url="" id="" class="itp_nav_link fix">
+							<i class="itp_icon_5">＊</i>								
+							<span class="itp_tt fnMenuNm">메뉴명</span>
+						</a>
+					</div>
+				</li>		
+				</textarea>
+		</nav>
+
+		<div id="ITP_CONTAINER"
+			data-open-yn=""
+			data-nav-id=""
+			data-tit-id=""
+			data-memb-no=""
+			data-bunss-no=""
+			data-shop-no=""
+			data-shop-nm=""
+			data-from-dt=""
+			data-to-dt="">
+			<div class="tab-content itp_contents">
+				<section id="ITP_TAB_SUMMARY" class="tab-pane active itp_sec">
+					<div class="itp_cont">
+						<h2 class="hidden">메뉴안내</h2>
+						<article class="itp_detail">
+							<div id="ITP_AJAX_SUMMARY_DETAIL_CONTAINER" class="itp_det_in">
+								<div class="itp_boardView">
+								
+									<form id="ITP_FORM_MAIN_NOTICE_SEARCH" class="form-horizontal">
+									<input type="hidden" id="ITP_FORM_MAIN_NOTICE_SEARCH_FROM_DT" name="fromDt" value="">
+									<input type="hidden" id="ITP_FORM_MAIN_NOTICE_SEARCH_TO_DT" name="toDt" value="">
+									<input type="hidden" id="ITP_FORM_MAIN_NOTICE_SEARCH_SCH_DT" name="schDt" value="">
+									<input type="hidden" id="ITP_FORM_MAIN_NOTICE_SEARCH_NTICE_TITL" name="sNticeTitl" value="">
+									<input type="hidden" id="ITP_FORM_MAIN_NOTICE_SEARCH_USER_ID" name="userId" value="">
+									</form>
+									
+									<div class="fix" style="padding-bottom: 15px;">
+										<div id="ITP_MAIN_NOTICE_jqGrid_list" class="itp_tb_list itp_gType1" data-total-cnt="${totalCnt}">
+											<div id="ITP_MAIN_NOTICE_jqGridView" class="itp_views fix"></div>
+											<table id="ITP_MAIN_NOTICE_jqGrid"></table>
+											<div id="ITP_MAIN_NOTICE_jqGridPager"></div>
+											<div id="ITP_MAIN_NOTICE_jqGridEmpty" class="itp_no_data"></div>
+										</div>
+									</div>
+								
+									<table id="ITP_SUMMARY_jqGrid_list" class="table table-striped table-bordered">
+										<colgroup>
+											<col style="width:15%;">
+											<col style="width:15%;">
+											<col style="width:40%;">
+											<col style="width:15%;">
+											<col style="width:15%;">
+										</colgroup>
+										<thead>
+											<tr>
+								                <th>1Depth</th>
+								                <th>2Depth</th>
+								                <th>화면 정의</th>
+								                <th>가맹담당자 사용</th>
+								                <th>매장담당자 사용</th>
+								            </tr>
+										</thead>
+										<tbody>
+											<tr class="USER_TYPE_N">
+								                <th rowspan="4">누리키 운영관리</th>
+								                <td>가맹점정보관리</td>
+								                <td>가맹점 정보를 등록 관리를 합니다.</td>
+								                <td align="center">-</td>
+								                <td align="center">-</td>
+								            </tr>
+								            <tr class="USER_TYPE_N">
+								                <td>영업운영자관리</td>
+								                <td>외부 영업담당자 정보를 등록 관리합니다.</td>
+								                <td align="center">-</td>
+								                <td align="center">-</td>
+								            </tr>
+								            <tr class="USER_TYPE_N">
+								                <td>VAN관리</td>
+								                <td>카드결재 가능 VAN사 정보를 관리합니다.</td>
+								                <td align="center">-</td>
+								                <td align="center">-</td>
+								            </tr>
+								            <tr class="USER_TYPE_N">
+								                <td>장비환경기본값 설정</td>
+								                <td>키오스크 장비의 환경설정값을 관리합니다.</td>
+								                <td align="center">-</td>
+								                <td align="center">-</td>
+								            </tr>
+								            <tr class="USER_TYPE_N USER_TYPE_P">
+								                <th rowspan="3">가맹점관리</th>
+								                <td>가맹브랜드관리</td>
+								                <td>가맹점별 브랜드 정보를 관리합니다.</td>
+								                <td align="center">●</td>
+								                <td align="center">-</td>
+								            </tr>
+								            <tr class="USER_TYPE_N USER_TYPE_P">
+								                <td>매장관리</td>
+								                <td>가맹점 매장 정보를 관리합니다.</td>
+								                <td align="center">●</td>
+								                <td align="center">-</td>
+								            </tr>
+								            <tr class="USER_TYPE_N USER_TYPE_P">
+								                <td>사용자관리</td>
+								                <td>가맹점별 사용자 정보를 관리합니다.</td>
+								                <td align="center">●</td>
+								                <td align="center">-</td>
+								            </tr>
+								            <tr class="USER_TYPE_N USER_TYPE_P USER_TYPE_B">
+								                <th rowspan="5">브랜드상품관리</th>
+								                <td>카테고리관리</td>
+								                <td>모든 매장에서 공통으로 사용할 상품 카테고리 정보를 관리합니다.</td>
+								                <td align="center">●</td>
+								                <td align="center">-</td>
+								            </tr>
+								            <tr class="USER_TYPE_N USER_TYPE_P USER_TYPE_B">
+								                <td>상품관리</td>
+								                <td>모든 매장에서 공통으로 사용할 상품 정보를 관리합니다.</td>
+								                <td align="center">●</td>
+								                <td align="center">-</td>
+								            </tr>
+								            <tr class="USER_TYPE_N USER_TYPE_P USER_TYPE_B">
+								                <td>옵션관리</td>
+								                <td>모든 매장에서 공통으로 사용할 옵션 정보를 관리합니다.</td>
+								                <td align="center">●</td>
+								                <td align="center">-</td>
+								            </tr>
+								            <tr class="USER_TYPE_N USER_TYPE_P USER_TYPE_B">
+								                <td>추천상품관리</td>
+								                <td>모든 매장에서 공통으로 사용할 추천상품 정보를 관리합니다.</td>
+								                <td align="center">●</td>
+								                <td align="center">-</td>
+								            </tr>
+								            <tr class="USER_TYPE_N USER_TYPE_P USER_TYPE_B">
+								                <td>이벤트관리</td>
+								                <td>모든 매장에서 공통으로 사용할 이벤트를 관리합니다.</td>
+								                <td align="center">●</td>
+								                <td align="center">-</td>
+								            </tr>
+								            <tr class="USER_TYPE_N USER_TYPE_P USER_TYPE_B USER_TYPE_S">
+								                <th rowspan="5">매장상품관리</th>
+								                <td>카테고리관리</td>
+								                <td>매장별 각각 사용할 상품 카테고리 정보를 관리합니다.</td>
+								                <td align="center">●</td>
+								                <td align="center">●</td>
+								            </tr>
+								            <tr class="USER_TYPE_N USER_TYPE_P USER_TYPE_B USER_TYPE_S">
+								                <td>상품관리</td>
+								                <td>매장별 각각 사용할 상품 정보를 관리합니다.</td>
+								                <td align="center">●</td>
+								                <td align="center">●</td>
+								            </tr>
+								            <tr class="USER_TYPE_N USER_TYPE_P USER_TYPE_B USER_TYPE_S">
+								                <td>옵션관리</td>
+								                <td>매장별 각각 사용할 옵션 정보를 관리합니다.</td>
+								                <td align="center">●</td>
+								                <td align="center">●</td>
+								            </tr>
+								            <tr class="USER_TYPE_N USER_TYPE_P USER_TYPE_B USER_TYPE_S">
+								                <td>추천상품관리</td>
+								                <td>매장별 각각 사용할 추천상품 정보를 관리합니다.</td>
+								                <td align="center">●</td>
+								                <td align="center">●</td>
+								            </tr>
+								            <tr class="USER_TYPE_N USER_TYPE_P USER_TYPE_B USER_TYPE_S">
+								                <td>이벤트관리</td>
+								                <td>매장별 각각 사용할 이벤트를 관리합니다.</td>
+								                <td align="center">●</td>
+								                <td align="center">●</td>
+								            </tr>
+								            
+								            <!-- 키오스크관리 시작 -->
+								            <tr class="USER_TYPE_N USER_TYPE_P USER_TYPE_B">
+								                <th rowspan="5">키오스크관리</th>
+								                <td>브랜드 코너관리</td>
+								                <td>모든 매장의 키오스크 장비에 출력할 코너 정보를 관리합니다.</td>
+								                <td align="center">●</td>
+								                <td align="center"></td>
+								            </tr>
+								            <tr class="USER_TYPE_N USER_TYPE_P USER_TYPE_B">
+								                <td>브랜드 코너별 상품정보</td>
+								                <td>모든 매장의 키오스크 장비에 출력할 코너별 상품 정보를 관리합니다.</td>
+								                <td align="center">●</td>
+								                <td align="center"></td>
+								            </tr>
+								            <tr class="USER_TYPE_N USER_TYPE_P USER_TYPE_B">
+								                <td>매장 코너관리</td>
+								                <td>매장별 운영중인 키오스크 장비에 출력할 코너 정보를 관리합니다.</td>
+								                <td align="center">●</td>
+								                <td align="center">●</td>
+								            </tr>
+								            <tr class="USER_TYPE_N USER_TYPE_P USER_TYPE_B">
+								                <td>매장 코너별 상품정보</td>
+								                <td>매장별 운영중인 키오스크 장비에 출력할 코너별 상품 정보를 관리합니다.</td>
+								                <td align="center">●</td>
+								                <td align="center">●</td>
+								            </tr>
+								            <tr class="USER_TYPE_N USER_TYPE_P USER_TYPE_B">
+								                <td>매장 판매상품관리</td>
+								                <td>매장별 키오스크에 판매할 상품정보를 관리합니다.</td>
+								                <td align="center">●</td>
+								                <td align="center">●</td>
+								            </tr>
+								            
+								            <tr class="USER_TYPE_S">
+								                <th rowspan="3">키오스크관리</th>
+								                <td>매장 코너관리</td>
+								                <td>매장별 운영중인 키오스크 장비에 출력할 코너 정보를 관리합니다.</td>
+								                <td align="center">●</td>
+								                <td align="center">●</td>
+								            </tr>
+								            <tr class="USER_TYPE_S">
+								                <td>매장 코너별 상품정보</td>
+								                <td>매장별 운영중인 키오스크 장비에 출력할 코너별 상품 정보를 관리합니다.</td>
+								                <td align="center">●</td>
+								                <td align="center">●</td>
+								            </tr>
+								            <tr class="USER_TYPE_S">
+								                <td>매장 판매상품관리</td>
+								                <td>매장별 키오스크에 판매할 상품정보를 관리합니다.</td>
+								                <td align="center">●</td>
+								                <td align="center">●</td>
+								            </tr>
+								            <!-- 키오스크관리 끝 -->
+								            
+								            <tr class="USER_TYPE_N USER_TYPE_P USER_TYPE_B USER_TYPE_S">
+								                <th rowspan="4">매장장비관리</th>
+								                <td>키오스크정보관리</td>
+								                <td>매장별 사용 관리할 키오스크 장비 정보를 관리합니다.</td>
+								                <td align="center">●</td>
+								                <td align="center">●</td>
+								            </tr>
+								            <tr class="USER_TYPE_N USER_TYPE_P USER_TYPE_B USER_TYPE_S">
+								                <td>키오스크 이미지관리</td>
+								                <td>매장별 사용 관리할 키오스크 화면에 출력할 이미지 또는 동영상 정보를 관리합니다.</td>
+								                <td align="center">●</td>
+								                <td align="center">●</td>
+								            </tr>
+								            <tr class="USER_TYPE_N USER_TYPE_P USER_TYPE_B USER_TYPE_S">
+								                <td>주방프린터설정</td>
+								                <td>매장별 사용하고 있는 주방프린터 설정 정보를 관리합니다.</td>
+								                <td align="center">●</td>
+								                <td align="center">●</td>
+								            </tr>
+								            <tr class="USER_TYPE_N USER_TYPE_P USER_TYPE_B USER_TYPE_S">
+								                <td>KDS설정</td>
+								                <td>매장별 사용하고 있는 KDS설정 정보를 관리합니다.</td>
+								                <td align="center">●</td>
+								                <td align="center">●</td>
+								            </tr>
+								            <tr class="USER_TYPE_N USER_TYPE_P USER_TYPE_B USER_TYPE_S">
+								                <th rowspan="3">DID관리</th>
+								                <td>컨텐츠관리</td>
+								                <td>가맹 브랜드별 컨텐츠 내역 정보를 관리합니다.</td>
+								                <td align="center">●</td>
+								                <td align="center">●</td>
+								            </tr>
+								            <tr class="USER_TYPE_N USER_TYPE_P USER_TYPE_B USER_TYPE_S">
+								                <td>디스플레이정보관리</td>
+								                <td>가맹 브랜드별 디스플레이 화면 구성 정보 및 출력할 컨텐츠 정보를 관리합니다.</td>
+								                <td align="center">●</td>
+								                <td align="center">●</td>
+								            </tr>
+								            <tr class="USER_TYPE_N USER_TYPE_P USER_TYPE_B USER_TYPE_S">
+								                <td>장비관리</td>
+								                <td>매장별 사용중인 DID 장비 정보를 관리합니다.</td>
+								                <td align="center">●</td>
+								                <td align="center">●</td>
+								            </tr>
+								            <tr class="USER_TYPE_N USER_TYPE_P USER_TYPE_B">
+								                <th rowspan="3">브랜드매출관리</th>
+								                <td>일별매출현황</td>
+								                <td>가맹 브랜드별 일일 매출 정보를 출력합니다.</td>
+								                <td align="center">●</td>
+								                <td align="center"></td>
+								            </tr>
+								            <tr class="USER_TYPE_N USER_TYPE_P USER_TYPE_B">
+								                <td>월별매출현황</td>
+								                <td>가맹 브랜드별 월별 매출 정보를 출력합니다.</td>
+								                <td align="center">●</td>
+								                <td align="center"></td>
+								            </tr>
+								            <tr class="USER_TYPE_N USER_TYPE_P USER_TYPE_B">
+								                <td>상품별매출현황</td>
+								                <td>가맹 브랜드별 월별 상품별 매출 정보를 출력합니다.</td>
+								                <td align="center">●</td>
+								                <td align="center"></td>
+								            </tr>
+								            <tr class="USER_TYPE_N USER_TYPE_P USER_TYPE_B USER_TYPE_S">
+								                <th rowspan="4">매장매출관리</th>
+								                <td>매출상세내역</td>
+								                <td>매장 키오스크별 주문 내역 상세정보를 출력합니다.</td>
+								                <td align="center">●</td>
+								                <td align="center">●</td>
+								            </tr>
+								            <tr class="USER_TYPE_N USER_TYPE_P USER_TYPE_B USER_TYPE_S">
+								                <td>일별매출현황</td>
+								                <td>매장별 일일 매출 정보를 출력합니다.</td>
+								                <td align="center">●</td>
+								                <td align="center">●</td>
+								            </tr>
+								            <tr class="USER_TYPE_N USER_TYPE_P USER_TYPE_B USER_TYPE_S">
+								                <td>월별매출현황</td>
+								                <td>매장별 월별 매출 정보를 출력합니다.</td>
+								                <td align="center">●</td>
+								                <td align="center">●</td>
+								            </tr>
+								            <tr class="USER_TYPE_N USER_TYPE_P USER_TYPE_B USER_TYPE_S">
+								                <td>상품별매출현황</td>
+								                <td>매장별 월별 상품별 매출 정보를 출력합니다.</td>
+								                <td align="center">●</td>
+								                <td align="center">●</td>
+								            </tr>
+								            
+										</tbody>
+									</table>
+								</div>
+							</div>
+						</article>
+					</div>
+		
+					<script src="../../js/app/summary/ITP_SUMMARY.js"></script>
+					<script src="../js/app/main.js"></script>
+				</section>
+			</div>
+		</div>
+		</div>
+
+		<footer id="ITP_FOOTER">
+			<div id="ITP_MODAL_ALERT" class="modal itp_modal">
+				<div class="modal-dialog modal-sm">
+					<div class="modal-content">
+						<div class="modal-header">
+							<button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
+							<h5 class="modal-title">알림</h5>
+						</div>
+						<div class="modal-body">
+							<div class="text-center itp_alert_txt"></div>
+						</div>
+						<div class="modal-footer">
+							<button type="button" class="btn btn-default" id="ITP_MODAL_ALERT_CANCEL" data-dismiss="modal">취소</button>
+							<button type="button" class="btn btn-primary" id="ITP_MODAL_ALERT_CONFIRM">확인</button>
+						</div>
+					</div>
+				</div>
+			</div>
+		
+			<div id="ITP_MODAL_ALERT_AJAX" class="modal itp_modal">
+				<div class="modal-dialog modal-sm">
+					<div class="modal-content">
+						<div class="modal-header">
+							<button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
+							<h5 class="modal-title">알림</h5>
+						</div>
+						<div class="modal-body">
+							<div class="text-center itp_alert_txt"></div>
+						</div>
+						<div class="modal-footer">
+							<button type="button" class="btn btn-primary" id="ITP_MODAL_ALERT_AJAX_CONFIRM">확인</button>
+						</div>
+					</div>
+				</div>
+			</div>
+		</footer>
+		
+		<aside id="ITP_ASIDE"></aside>		
+	</div>
+</body>
+</html>

src/main/webapp/mobile/js/app/login.js

@@ -0,0 +1,94 @@
+require(['config'], function() {
+	require([
+		'jquery', 
+		'crypto' //Crypto 암호화 js - 필요한 페이지만 불러서 쓴다
+	], function($) {
+		if (sessionStorage.getItem('itp_login_info') !== null) { //Jwt 가 살아있으면 메인으로 보낸다.
+	    	location.replace('./main.html');
+	    }
+
+		itp_fn_login_init();
+		
+		$('#ITP_LOGIN').on('keyup', 'input, textarea', function() {
+			var $th = $(this);
+	        $th.val($th.val().replace(/(<([^>]+)>)/ig, function() {return '';}));
+		});
+		
+		$('#login_btn').click(function() {
+			if(itp_fn_login_validate()) {
+				itp_fn_login_proc();
+			}	
+		});
+		
+		var callbackFn = function(result) {
+			POP_LIST = result.popList;
+			fn_proc_popup_view('L');
+		};
+		const key = {sViewTargetCd: 'L'};
+		var param = $.param(key);
+		fn_ajax_call('/api/pop/open-pop', param, callbackFn, 'GET');
+	});
+});
+
+function itp_fn_login_init() {	
+	$('#ITP_FORM_LOGIN_SAVE_ID').prop('checked', true);
+	var save_id = localStorage.getItem('ITP_USER_ID');
+    if (save_id !== null) {
+    	$('#ITP_FORM_LOGIN_USER_ID').val(save_id);
+    }
+};
+
+function itp_fn_login_validate() {
+	$('#ITP_FORM_LOGIN_USER_ID').closest('.form-group').removeClass('has-error');
+	$('#ITP_FORM_LOGIN_USER_PW').closest('.form-group').removeClass('has-error');
+	$('#ITP_FORM_LOGIN_ERROR').text(ITP_MSG_LOCALE.message.login.help);
+
+	if ($('#ITP_FORM_LOGIN_USER_ID').val() == '') {
+		$('#ITP_FORM_LOGIN_USER_ID').closest('.form-group').addClass('has-error');
+		$('#ITP_FORM_LOGIN_ERROR').text(ITP_MSG_LOCALE.message.login.needId);
+		return false;
+	}
+
+	if ($('#ITP_FORM_LOGIN_USER_PW').val() == '') {
+		$('#ITP_FORM_LOGIN_USER_PW').closest('.form-group').addClass('has-error');
+		$('#ITP_FORM_LOGIN_ERROR').text(ITP_MSG_LOCALE.message.login.needPw);
+		return false;
+	}
+
+	$('#ITP_FORM_LOGIN_ERROR').text('');
+	const userId = $('#ITP_FORM_LOGIN_USER_ID').val();
+	if ($('#ITP_FORM_LOGIN_SAVE_ID').prop('checked')) {
+		localStorage.setItem('ITP_USER_ID', userId);
+	} else {
+		localStorage.removeItem('ITP_USER_ID');
+	}
+
+	return true;
+};
+
+function itp_fn_login_proc() {
+	
+	var callbackFn = function(result) {
+		var hashed = fnHashed(result.hashed);
+		$('#userId').val(CryptoJS.AES.encrypt($('#ITP_FORM_LOGIN_USER_ID').val(), hashed));
+		$('#password').val(CryptoJS.AES.encrypt($('#ITP_FORM_LOGIN_USER_PW').val(), hashed));
+	    var loginFn = function(result) {
+			// alert('SIGN-IN RESULT : ' + JSON.stringify(result));		
+			sessionStorage.setItem('itp_login_info', JSON.stringify({
+				timestamp: new Date(),
+		        connKey: result.connKey		// Jwt키를 가져와서 세션 스토리지에 저장
+			})); 
+	    	$(location).attr('href', MOBILE_CONTEXTPATH + '/app/main.html');
+		};
+		var params = $('#command').serializeObject();
+		fn_ajax_call('/api/member/sign-in', JSON.stringify(params), loginFn, 'POST'); //암호화 해서 보내는 경우 먼저 해시키를 가져와서 암호화해서 보낸다
+	};
+	fn_ajax_call('/api/session/hashed', null, callbackFn, 'GET'); //Crypto 암호화를 위한 해쉬키.. 로그인 후에는 Jwt 포함인 /api/session/hashedKey 이걸로 호출해서 사용한다.
+	
+	// 공통코드 저장 테스트
+	// let map = new Map();
+	// map.set('useYn', JSON.stringify([{'codeDtlCd':'Y','codeDtlNm':'사용'},{'codeDtlCd':'N','codeDtlNm':'미사용'}]));
+	// sessionStorage.itp_common_code = JSON.stringify(Array.from(map.entries()));
+	
+	// $(location).attr('href', ITP_CONTEXTPATH + '/main.html');	
+}

src/main/webapp/mobile/js/app/main.js

@@ -0,0 +1,156 @@
+
+const MAIN_NOTICE_GRID_ID = '#ITP_MAIN_NOTICE_jqGrid';
+const MAIN_NOTICE_GRID_LIST = '#ITP_MAIN_NOTICE_jqGrid_list';
+const MAIN_NOTICE_GRID_PAGER = '#ITP_MAIN_NOTICE_jqGridPager';
+const MAIN_NOTICE_GRID_EMPTY = '#ITP_MAIN_NOTICE_jqGridEmpty';
+
+let NTICE_DETAIL_GRID_LIST = '/api/ntice/detail-grid-list';
+
+require(['config'], function() {
+	require([
+		'jquery',
+		'jquery.bootstrap.fileUpload' //파일 업로드가 있는 페이지에서 로딩
+	], function($) {
+		
+		setTimeout(function() {
+			// 시간지정
+			$('#ITP_FORM_MAIN_NOTICE_SEARCH_SCH_DT').val(itp_fn_date_format(new Date(), 2));
+			$('#ITP_FORM_MAIN_NOTICE_SEARCH_USER_ID').val(USER_ID);
+			
+			// 그리드
+			itp_fn_jqgrid_resize(MAIN_NOTICE_GRID_ID, MAIN_NOTICE_GRID_LIST, 'lg');
+			itp_fn_MAIN_NOTICE_grid.init();
+	    	itp_fn_fire_window_resize();
+	
+			// 조회
+	    	itp_fn_MAIN_NOTICE_search();
+
+	    	// Barcode
+			itp_fn_barcode.init();
+
+		}, 100);
+				
+	});
+});
+
+var itp_fn_MAIN_NOTICE_grid = {
+	init: function() {
+		// 데이터 없을때
+		itp_fn_MAIN_NOTICE_empty.push();
+		$(MAIN_NOTICE_GRID_EMPTY).on('click', function() {
+			itp_fn_MAIN_NOTICE_empty.back();
+			itp_MAIN_NOTICE_param.gridSize = $.jgrid.defaults.rowNum;
+			$(MAIN_NOTICE_GRID_ID).setGridParam({'postData': JSON.stringify(itp_MAIN_NOTICE_param)}).trigger('reloadGrid');
+		});
+	},
+	callBack: function() {
+		let param = $('#ITP_FORM_MAIN_NOTICE_SEARCH').serializeObject();
+		param.gridSize = $.jgrid.defaults.rowNum;
+		$(MAIN_NOTICE_GRID_ID).jqGrid({
+			colModel: [
+				{
+					index: 'NTICE_NO', name: 'nticeNo',
+					label: ITP_MSG_LOCALE.label.notiNo, //공지번호
+					width: '10', fixed: false, align: 'center',
+					sortable: false, hidden: false
+				},
+				{
+					index: 'NTICE_TITL', name: 'nticeTitl',
+					label: '공지사항', //공지제목
+					width: '15', fixed: false, align: 'center',
+					sortable: false, hidden: false
+				},
+				{
+					index: 'ADD_DT', name: 'addDt',
+					label: ITP_MSG_LOCALE.label.regDt, //등록일
+					width: '10', fixed: false, align: 'center',
+					sortable: false, hidden: false
+				}
+			],
+			loadBeforeSend: function(jqXHR) {
+			    jqXHR.setRequestHeader('X-AUTH-TOKEN', CONN_KEY);
+			},
+			postData: JSON.stringify(param),
+			url: DOMAIN + NTICE_DETAIL_GRID_LIST,
+			pager: MAIN_NOTICE_GRID_PAGER,
+			multiselect: false,
+			rownumbers: true,
+			onCellSelect: function(rowId, cellIdx, cellValue) {
+				var cm = $(this).jqGrid('getGridParam', 'colModel');
+				var colNm = cm[cellIdx].name;
+				if (colNm == 'nticeTitl') {
+					const nticeNoVal = $(this).jqGrid('getCell', rowId, 'nticeNo');
+					const key = {nticeNo: nticeNoVal, viewCd: 'R'};
+					var param = $.param(key);
+					// itp_fn_MAIN_NOTICE_view(param);
+					
+					fn_call_popup('comm', 'NOTICE_INFO_POPUP', '#ITP_ASIDE', function() {
+												
+					}, param, 'S');
+					$('#ITP_NOTICE_INFO_POPUP > div.modal-dialog').width('500px');
+				}
+		   	},
+			loadComplete: function(data) {
+				//console.log(JSON.stringify(data));
+				itp_fn_grid_load_complete(data, MAIN_NOTICE_GRID_ID, true, 'number', 'MAIN_NOTICE', itp_MAIN_NOTICE_search, itp_fn_MAIN_NOTICE_empty, false, data.gridRecords, false);
+				var ids = $(MAIN_NOTICE_GRID_ID).getDataIDs();
+				$.each(ids, function(idx, rowId) {
+					$(MAIN_NOTICE_GRID_ID).jqGrid('setCell', rowId, 'nticeTitl', '', ITP_GRID_COL_STYLE.link);
+				});
+
+				if ($('#ITP_CONTAINER').data('openYn') == 'Y') {
+					$('#ITP_CONTAINER').data('openYn', 'N');
+					const keyNew = {nticeNo: $('#ITP_CONTAINER').data('nticeNo'), viewCd: 'R'};
+					var paramNew = $.param(keyNew);
+					itp_fn_MAIN_NOTICE_view(paramNew);
+				}
+		    },
+		    loadError: function(jqXHR, textStatus, errorThrown) {
+		    	itp_fn_grid_load_error(jqXHR, textStatus, errorThrown);
+		    },
+		    onPaging: function(action) {
+		    	itp_fn_grid_paging(MAIN_NOTICE_GRID_ID, action, param);
+		    }
+		}).navGrid(MAIN_NOTICE_GRID_PAGER, ITP_GRID_NAV_DEFAULTS.navGrid);
+	},
+	clearData : function() {
+		$(MAIN_NOTICE_GRID_ID).jqGrid('clearGridData', true);
+		$(MAIN_NOTICE_GRID_LIST).find('.ui-jqgrid-bdiv').css('min-height', '100px');
+		$(MAIN_NOTICE_GRID_EMPTY).html(ITP_MSG_LOCALE.message.grid.noData);
+		$(MAIN_NOTICE_GRID_EMPTY).show();
+	},
+	unload : function() {
+		$.jgrid.gridUnload(MAIN_NOTICE_GRID_ID);
+	}
+};
+
+var itp_fn_MAIN_NOTICE_search = function() {
+	itp_fn_MAIN_NOTICE_grid.unload();
+	itp_fn_MAIN_NOTICE_grid.callBack();
+};
+
+let itp_MAIN_NOTICE_param = {};
+let itp_MAIN_NOTICE_search = false;
+var itp_fn_MAIN_NOTICE_empty = {
+	push: function() {		
+		let param = $('#ITP_FORM_MAIN_NOTICE_SEARCH').serializeObject();
+		itp_MAIN_NOTICE_param = param;
+	},
+	back: function() {
+		
+	}
+};
+
+var itp_fn_barcode = {
+	init: function () {
+		this.event();
+	},
+	event: function () {
+		$('#ITP_BTN_BARCODE').on('click', function() {
+			$(location).attr('href', 'app:scan');
+		});
+	},
+	callback: function (barcode) {
+		itp_fn_modal_alert_ajax(barcode);
+	}
+};