From 12a267c30ad710dedb1206608ee7c7a5645abcbb Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=EB=B0=95=EC=84=B1=EC=98=81?= <xitpsy@xit.co.kr>
Date: Fri, 26 Sep 2025 15:36:38 +0900
Subject: [PATCH] =?UTF-8?q?=EB=B6=88=EB=B2=95=ED=96=89=EC=9C=84=20?=
 =?UTF-8?q?=EC=A0=95=EB=B3=B4=20-=20=EC=A1=B0=EC=B9=98=EC=97=90=20?=
 =?UTF-8?q?=EB=8C=80=ED=95=9C=20=EB=A1=9C=EC=A7=81=20=EC=9E=AC=EA=B5=AC?=
 =?UTF-8?q?=EC=84=B1=20=EC=A7=84=ED=96=89=20=EC=A4=91...?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../controller/CrdnActInfoController.java     |   2 +-
 .../crdnActInfo/crdnActnInfoRegistPopup.jsp   | 283 ++++++++----------
 2 files changed, 124 insertions(+), 161 deletions(-)

diff --git a/src/main/java/go/kr/project/crdn/crndRegistAndView/crdnActInfo/controller/CrdnActInfoController.java b/src/main/java/go/kr/project/crdn/crndRegistAndView/crdnActInfo/controller/CrdnActInfoController.java
index 3902371..cc74347 100644
--- a/src/main/java/go/kr/project/crdn/crndRegistAndView/crdnActInfo/controller/CrdnActInfoController.java
+++ b/src/main/java/go/kr/project/crdn/crndRegistAndView/crdnActInfo/controller/CrdnActInfoController.java
@@ -575,7 +575,7 @@ public class CrdnActInfoController {
             @ApiResponse(responseCode = "200", description = "삭제 성공"),
             @ApiResponse(responseCode = "500", description = "서버 오류")
     })
-    @PostMapping("/actnInfoDelete.ajax")
+    @PostMapping("/deleteActnInfo.ajax")
     public ResponseEntity<?> actnInfoDeleteAjax(@RequestParam List<String> actnInfoIds) {
         log.debug("조치정보 삭제 요청: {}", actnInfoIds);
 
diff --git a/src/main/webapp/WEB-INF/views/crdn/crndRegistAndView/crdnActInfo/crdnActnInfoRegistPopup.jsp b/src/main/webapp/WEB-INF/views/crdn/crndRegistAndView/crdnActInfo/crdnActnInfoRegistPopup.jsp
index 9c50647..22e2f13 100644
--- a/src/main/webapp/WEB-INF/views/crdn/crndRegistAndView/crdnActInfo/crdnActnInfoRegistPopup.jsp
+++ b/src/main/webapp/WEB-INF/views/crdn/crndRegistAndView/crdnActInfo/crdnActnInfoRegistPopup.jsp
@@ -120,39 +120,31 @@
 </div>
 
 <script type="text/javascript">
-    /**
-     * 조치정보 관리 팝업 JavaScript
-     * 중요한 로직 주석: crdnActInfoRegistPopup.jsp와 동일한 구조, levyPrvntcPopup.jsp의 탭 패턴 적용
-     */
-    var crdnActnInfoRegistPopup = {
-        // 기본 정보
+(function(window, $) {
+    'use strict';
+
+    var CrdnActnInfoRegistPopup = {
+        
         actInfoId: '${actInfoId}',
         crdnYr: '${crdnYr}',
         crdnNo: '${crdnNo}',
         pstnInfoId: '${pstnInfoId}',
         actnInfoIdSelect: null,
 
-        /**
-         * 그리드 관련 객체
-         */
+        
         grid: {
-            /**
-             * 그리드 인스턴스
-             */
+            
             instance: null,
 
-            /**
-             * 그리드 설정 초기화
-             * @returns {Object} 그리드 설정 객체
-             */
+            
             initConfig: function() {
-                // 데이터 소스 설정
+                
                 var dataSource = this.createDataSource();
 
-                // 그리드 설정 객체 생성
+                
                 var gridConfig = new XitTuiGridConfig();
 
-                // 기본 설정
+                
                 gridConfig.setOptDataSource(dataSource);
                 gridConfig.setOptGridId('actnInfoGrid');
                 gridConfig.setOptGridHeight(150);
@@ -164,10 +156,7 @@
                 return gridConfig;
             },
 
-            /**
-             * 그리드 컬럼 정의
-             * @returns {Array} 그리드 컬럼 배열
-             */
+            
             getGridColumns: function() {
                 return [
                     {
@@ -213,12 +202,8 @@
                 ];
             },
 
-            /**
-             * 데이터 소스 생성
-             * @returns {Object} 데이터 소스 설정 객체
-             */
+            
             createDataSource: function() {
-                var self = crdnActnInfoRegistPopup;
                 return {
                     api: {
                         readData: {
@@ -231,32 +216,28 @@
                     initialRequest: false,
                     serializer: function(params) {
                         var defaultParams = $.param(params);
-                        var extra = $.param({ actInfoId: self.actInfoId });
+                        var extra = $.param({ actInfoId: CrdnActnInfoRegistPopup.actInfoId });
                         return defaultParams + '&' + extra;
                     }
                 };
             },
 
-            /**
-             * 그리드 인스턴스 생성
-             */
+            
             create: function() {
                 var gridConfig = this.initConfig();
                 var Grid = tui.Grid;
                 this.instance = gridConfig.instance(Grid);
 
 
-                // 그리드 테마 설정
+                
                 Grid.applyTheme('striped');
 
                 this.gridBindEvents();
             },
 
-            /**
-             * 그리드 이벤트 바인딩
-             */
+            
             gridBindEvents: function() {
-                var self = this;
+                var self = CrdnActnInfoRegistPopup;
 
                 this.instance.on('successResponse', function(ev) {
                     var responseObj = JSON.parse(ev.xhr.response);
@@ -268,96 +249,101 @@
                 });
 
                 this.instance.on('onGridUpdated', function() {
-                    const firstVisibleColumn = self.instance.getColumns().find(column => !column.hidden);
-                    var allRows = self.instance.getData();
+                    const firstVisibleColumn = self.grid.instance.getColumns().find(column => !column.hidden);
+                    var allRows = self.grid.instance.getData();
                     var rowKey = null;
                     if (allRows && allRows.length > 0) {
                         allRows.forEach(function(row) {
-                            if( crdnActnInfoRegistPopup.actnInfoIdSelect === null ){
-                                rowKey = allRows[0].rowKey;
-                                crdnActnInfoRegistPopup.actnInfoIdSelect = row.actnInfoId;
-                            }else if (crdnActnInfoRegistPopup.actnInfoIdSelect === row.actnInfoId) {
+                            if (self.actnInfoIdSelect === row.actnInfoId) {
                                 rowKey = row.rowKey
+                                console.log(self.actnInfoIdSelect, rowKey, row.rowKey, row.actnInfoId)
                             }
-                            // 2. 행 전체 선택 (파란색 배경)
-                            self.instance.setSelectionRange({
-                                start: [rowKey, 0],
-                                end: [rowKey, self.instance.getColumns().length - 1]
-                            });
-                            // 2. 첫 번째 보이는 컬럼으로 포커스 이동 및 스크롤
-                            self.instance.focus(rowKey, firstVisibleColumn.name, true);
                         });
+                        if(rowKey != null){
+                            self.grid.instance.focus(rowKey, firstVisibleColumn.name, true);
+                        }
                     }
                 });
 
                 this.instance.on('focusChange', function(ev) {
+                    console.log(ev);
                     if (ev.rowKey !== null) {
-                        crdnActnInfoRegistPopup.actnInfoIdSelect = ev.actnInfoId;
                         var rowData = self.grid.instance.getRow(ev.rowKey);
+                        self.actnInfoIdSelect = rowData.actnInfoId;
                         self.loadActnInfoToForm(rowData);
                     }
+                    // validation 에러 스타일과 메시지 제거
+                    $('#actnInfoForm').find('.is-invalid').removeClass('is-invalid');
+                    $('#actnInfoForm').find('.is-invalid-custom').removeClass('is-invalid-custom');
+                    $('#actnInfoForm').find('.error-message').remove();
                 });
 
                 this.instance.on('click', function(ev) {
                     if (ev.rowKey !== null) {
-                        crdnActnInfoRegistPopup.actnInfoIdSelect = ev.actnInfoId;
+                        var rowData = self.grid.instance.getRow(ev.rowKey);
+                        //self.actnInfoIdSelect = rowData.actnInfoId;
+                        //self.loadActnInfoToForm(rowData);
                     }
+                    // validation 에러 스타일과 메시지 제거
+                    $('#actnInfoForm').find('.is-invalid').removeClass('is-invalid');
+                    $('#actnInfoForm').find('.is-invalid-custom').removeClass('is-invalid-custom');
+                    $('#actnInfoForm').find('.error-message').remove();
                 });
 
+
+
             }
         },
 
-        // 선택된 조치사진 파일들
+        
         actnSelectedFiles: [],
 
-        /**
-         * 초기화
-         */
+        
         init: function() {
             this.grid.create();
             this.eventBindEvents();
             this.loadActnInfoList();
         },
 
-        /**
-         * 이벤트 초기화 (crdnActInfoRegistPopup.jsp 패턴과 동일)
-         */
+        
         eventBindEvents: function() {
             var self = this;
 
-            // 달력 초기화
+            
             $('#actnYmd').datepicker({
                 container: '.popup_inner',
                 language: "kr"
             });
 
-            // 탭 전환 이벤트 (levyPrvntcPopup.jsp 패턴 적용)
+            
             $('.tab-link').on('click', function(e) {
                 e.preventDefault();
                 self.switchTab($(this).parent().data('tab'));
             });
 
-            // 조치정보 저장 버튼
+            
             $('#btnSaveActn').on('click', function() {
                 self.saveActnInfo();
             });
 
-            // 조치정보 삭제 버튼
+            
             $('#btnDeleteActn').on('click', function() {
                 self.deleteActnInfo();
             });
 
-            // 입력 초기화 버튼
+            
             $('#btnClearActn').on('click', function() {
+                self.actnInfoIdSelect = null;
+                self.grid.instance.readData();
                 self.clearActnForm();
             });
 
-            // 조치사진 파일 선택 이벤트
+            
             $('#actnPhotoFiles').on('change', function(e) {
                 self.handleFileSelect(e.target.files, '2');
             });
 
-            // 팝업 닫기
+            
             $('#btnClose, #btnCloseTop').on('click', function() {
                 self.closePopup();
             });
@@ -380,15 +366,13 @@
                 }
 
             } else if (tabType === 'actn') {
-                // 조치정보 탭은 현재 페이지 (활성화 상태 유지)
+                
                 $('.tab-item').removeClass('active');
                 $('.tab-item[data-tab="' + tabType + '"]').addClass('active');
             }
         },
 
-        /**
-         * 조치정보 목록 조회
-         */
+        
         loadActnInfoList: function() {
             if (this.grid.instance) {
                 this.grid.instance.readData();
@@ -398,30 +382,28 @@
         loadActnInfoToForm: function(rowData) {
             if (!rowData) return;
 
-            // 조치정보 ID 설정 (숨겨진 필드)
+            
             $('#actnInfoId').val(rowData.actnInfoId || '');
 
-            // 조치 일자 설정
+            
             $('#actnYmd').val(moment(rowData.actnYmd).format('YYYY-MM-DD') || '');
 
-            // 조치 면적 설정 (소수점 2자리까지 표시)
+            
             $('#actnArea').val(rowData.actnArea || '');
 
-            // 조치 비고 설정
+            
             $('#actnRmrk').val(rowData.actnRmrk || '');
 
-            // 폼 모드를 수정으로 설정
+            
             $('#actnMode').val('U');
 
-            // 기존 조치사진 로드
+            
             this.loadActnPhotos(rowData.actnInfoId);
 
             console.log('조치정보 폼 로드 완료:', rowData);
         },
 
-        /**
-         * 조치사진 목록 로드 (crdnActInfoRegistPopup.jsp의 loadActnPhotos 패턴)
-         */
+        
         loadActnPhotos: function(actnInfoId) {
             var self = this;
 
@@ -440,15 +422,15 @@
                     if (response && response.data && response.data.length > 0) {
                         $.each(response.data, function(index, photo) {
                             var previewHtml =
-                                '<div class="photo-preview-item existing-photo" data-act-info-id="' + photo.actInfoId + '" data-photo-sn="' + photo.crdnPhotoSn + '" data-photo-type="1">' +
+                                '<div class="photo-preview-item existing-photo" data-act-info-id="' + photo.actInfoId + '" data-photo-sn="' + photo.crdnPhotoSn + '" data-photo-type="2">' +
                                 '    <div class="photo-thumbnail">' +
                                 '        <img src="<c:url value='/crdn/crndRegistAndView/crdnActInfo/downloadPhoto.do'/>?actInfoId=' + photo.actInfoId + '&crdnPhotoSn=' + photo.crdnPhotoSn + '"' +
                                 '             alt="' + photo.orgnlPhotoNm + '" onclick="viewOriginalPhoto(\'' + photo.actnInfoId + '\', \'' + photo.actInfoId + '\', \'' + photo.crdnPhotoSn + '\', \'' + photo.crdnPhotoSeCd + '\')">' +
                                 '    </div>' +
                                 '    <div class="photo-info">' +
                                 '        <div class="photo-name" title="' + photo.orgnlPhotoNm + '">' + photo.orgnlPhotoNm + '</div>' +
-                                '        <div class="photo-type">[단속]</div>' +
-                                '        <button type="button" class="delete-photo-btn" onclick="deleteExistingPhoto(\'' + photo.actInfoId + '\', \'' + photo.crdnPhotoSn + '\', \'1\')">삭제</button>' +
+                                '        <div class="photo-type">[조치]</div>' +
+                                '        <button type="button" class="delete-photo-btn" onclick="CrdnActnInfoRegistPopup.deleteExistingPhoto(\'' + photo.actInfoId + '\', \'' + photo.crdnPhotoSn + '\', \'2\')">삭제</button>' +
                                 '    </div>' +
                                 '</div>';
                             $('#actnPhotoPreviewContainer').append(previewHtml);
@@ -461,25 +443,23 @@
             });
         },
 
-        /**
-         * 조치정보 저장 (crdnActInfoRegistPopup.jsp의 saveActnInfo 패턴)
-         */
+        
         saveActnInfo: function() {
             var self = this;
 
-            // 중요로직: validateFormByAttributes를 사용하여 모든 validation-check 속성 검증
+            
             if (!validateFormByAttributes('actnInfoForm')) {
                 return;
             }
 
             var actnInfoId = $('#actnInfoId').val().trim();
-            var actInfoId = this.actInfoId; // 부모 행위정보 ID
-            var mode = actnInfoId ? 'U' : 'C'; // 조치정보 ID가 있으면 수정, 없으면 신규
+            var actInfoId = this.actInfoId; 
+            var mode = actnInfoId ? 'U' : 'C'; 
 
-            // FormData 생성 (파일 업로드를 위해)
+            
             var formData = new FormData();
             formData.append('mode', mode);
-            // 폼의 모든 입력값을 FormData에 추가
+            
             $('#actnInfoForm').find('input, select, textarea').each(function() {
                 var $this = $(this);
                 var name = $this.attr('name');
@@ -490,14 +470,12 @@
                 }
             });
 
-            // 새로 선택한 조치사진 파일들 추가
             if (this.actnSelectedFiles && this.actnSelectedFiles.length > 0) {
                 for (var i = 0; i < this.actnSelectedFiles.length; i++) {
                     formData.append('actnPhotoFiles', this.actnSelectedFiles[i]);
                 }
             }
 
-            // 저장 요청
             $.ajax({
                 url: '<c:url value="/crdn/crndRegistAndView/crdnActInfo/saveActnInfo.ajax"/>',
                 type: 'POST',
@@ -506,11 +484,15 @@
                 contentType: false,
                 success: function(response) {
                     if (response && response.success) {
-                        // 그리드 새로고침
-                        if (self.grid.instance) {
+                        alert(response.message);
+                        if( mode === "C" ){
+                            self.actnInfoIdSelect = null;
+                            self.grid.instance.readData();
+                            self.clearActnForm();
+                        }else{
                             self.grid.instance.readData();
+                            self.loadActnInfoToForm(response.data);
                         }
-
                     } else {
                         alert(response.message || '조치정보 저장에 실패했습니다.');
                     }
@@ -521,9 +503,7 @@
             });
         },
 
-        /**
-         * 조치정보 삭제 (crdnActInfoRegistPopup.jsp의 deleteActnInfo 패턴)
-         */
+        
         deleteActnInfo: function() {
             var actnInfoId = $('#actnInfoId').val().trim();
 
@@ -542,21 +522,15 @@
                 url: '<c:url value="/crdn/crndRegistAndView/crdnActInfo/deleteActnInfo.ajax"/>',
                 type: 'POST',
                 data: {
-                    actnInfoId: actnInfoId,
+                    actnInfoIds: actnInfoId,
                     mode: 'D'
                 },
                 success: function(response) {
                     if (response && response.success) {
                         alert('조치정보가 삭제되었습니다.');
-
-                        // 폼 초기화
+                        self.actnInfoIdSelect = null;
+                        self.grid.instance.readData();
                         self.clearActnForm();
-
-                        // 그리드 새로고침
-                        if (self.grid.instance) {
-                            self.grid.instance.readData();
-                        }
-
                     } else {
                         alert(response.message || '조치정보 삭제에 실패했습니다.');
                     }
@@ -567,9 +541,7 @@
             });
         },
 
-        /**
-         * 조치정보 폼 초기화 (crdnActInfoRegistPopup.jsp의 clearActnForm 패턴)
-         */
+        
         clearActnForm: function() {
             var self = this;
 
@@ -579,19 +551,20 @@
             $('#actnRmrk').val('');
             $('#actnMode').val('C');
 
-            // 조치사진 초기화
+            // validation 에러 스타일과 메시지 제거
+            $('#actnInfoForm').find('.is-invalid').removeClass('is-invalid');
+            $('#actnInfoForm').find('.is-invalid-custom').removeClass('is-invalid-custom');
+            $('#actnInfoForm').find('.error-message').remove();
+
+
             $('#actnPhotoPreviewContainer').empty();
             $('#actnPhotoFiles').val('');
             this.actnSelectedFiles = [];
 
-            self.grid.instance.readData();
-
             console.log('조치정보 폼 초기화 완료');
         },
 
-        /**
-         * 파일 선택 처리 (crdnActInfoRegistPopup.jsp의 handleFileSelect 패턴)
-         */
+        
         handleFileSelect: function(files, photoType) {
             if (!files || files.length === 0) {
                 return;
@@ -601,7 +574,7 @@
             var selectedFilesArray = this.actnSelectedFiles;
             var photoTypeName = '조치';
 
-            // 파일 개수 제한 체크 (각 종류별로 10개까지)
+            
             var existingPhotos = $(containerSelector + ' .photo-preview-item.existing-photo').length;
             var newFiles = selectedFilesArray.length + files.length;
 
@@ -610,41 +583,39 @@
                 return;
             }
 
-            // 각 파일에 대해 검증 및 미리보기 생성
+            
             for (var i = 0; i < files.length; i++) {
                 var file = files[i];
 
-                // 파일 유효성 검증
+                
                 if (!this.validateFile(file)) {
                     continue;
                 }
 
-                // 해당 종류의 선택된 파일 목록에 추가
+                
                 selectedFilesArray.push(file);
 
-                // 미리보기 생성
+                
                 this.createPhotoPreview(file, photoType);
             }
         },
 
-        /**
-         * 파일 유효성 검증 (crdnActInfoRegistPopup.jsp의 validateFile 패턴)
-         */
+        
         validateFile: function(file) {
-            // 파일 크기 체크 (10MB)
+            
             var maxSize = 10 * 1024 * 1024;
             if (file.size > maxSize) {
                 alert(file.name + ' 파일이 10MB를 초과합니다.');
                 return false;
             }
 
-            // 이미지 파일인지 체크
+            
             if (!file.type.startsWith('image/')) {
                 alert(file.name + ' 은(는) 이미지 파일이 아닙니다.');
                 return false;
             }
 
-            // 허용된 확장자 체크
+            
             var allowedExtensions = ['jpg', 'jpeg', 'png', 'gif'];
             var fileName = file.name.toLowerCase();
             var fileExtension = fileName.split('.').pop();
@@ -657,9 +628,7 @@
             return true;
         },
 
-        /**
-         * 사진 미리보기 생성 (crdnActInfoRegistPopup.jsp의 createPhotoPreview 패턴)
-         */
+        
         createPhotoPreview: function(file, photoType) {
             var reader = new FileReader();
             var containerSelector = '#actnPhotoPreviewContainer';
@@ -674,7 +643,7 @@
                     '    <div class="photo-info">' +
                     '        <div class="photo-name" title="' + file.name + '">' + file.name + '</div>' +
                     '        <div class="photo-type">[' + photoTypeName + ']</div>' +
-                    '        <button type="button" class="delete-photo-btn" onclick="crdnActnInfoRegistPopup.deleteNewPhoto(this, \'' + photoType + '\')">삭제</button>' +
+                    '        <button type="button" class="delete-photo-btn" onclick="CrdnActnInfoRegistPopup.deleteNewPhoto(this, \'' + photoType + '\')">삭제</button>' +
                     '    </div>' +
                     '</div>';
 
@@ -684,15 +653,13 @@
             reader.readAsDataURL(file);
         },
 
-        /**
-         * 새로 선택한 파일 삭제 (crdnActInfoRegistPopup.jsp의 deleteNewPhoto 패턴)
-         */
+        
         deleteNewPhoto: function(button, photoType) {
             var $item = $(button).closest('.photo-preview-item');
             var fileName = $item.data('file-name');
             var selectedFilesArray = this.actnSelectedFiles;
 
-            // selectedFiles 배열에서 파일 제거
+            
             for (var i = 0; i < selectedFilesArray.length; i++) {
                 if (selectedFilesArray[i].name === fileName) {
                     selectedFilesArray.splice(i, 1);
@@ -700,45 +667,39 @@
                 }
             }
 
-            // 화면에서 제거
+            
             $item.remove();
         },
 
-        /**
-         * 기존 조치사진 삭제 (crdnActInfoRegistPopup.jsp의 deleteExistingActnPhoto 패턴)
-         */
-        deleteExistingActnPhoto: function(actnInfoId, crdnPhotoSn) {
-            if (!confirm('선택한 조치사진을 삭제하시겠습니까?')) {
+
+        deleteExistingPhoto: function(actInfoId, crdnPhotoSn, photoType) {
+            var photoTypeName = photoType === '1' ? '단속' : '조치';
+
+            if (!confirm('선택한 ' + photoTypeName + ' 사진을 삭제하시겠습니까?')) {
                 return;
             }
 
             $.ajax({
-                url: '<c:url value="/crdn/crndRegistAndView/crdnActInfo/deleteActnPhoto.ajax"/>',
+                url: '<c:url value="/crdn/crndRegistAndView/crdnActInfo/deletePhoto.ajax"/>',
                 type: 'POST',
                 data: {
-                    actnInfoId: actnInfoId,
+                    actInfoId: actInfoId,
                     crdnPhotoSn: crdnPhotoSn
                 },
                 success: function(response) {
                     if (response && response.success) {
                         // 화면에서 해당 사진 제거
-                        $('[data-actn-info-id="' + actnInfoId + '"][data-photo-sn="' + crdnPhotoSn + '"][data-photo-type="2"]').remove();
-                        alert('조치사진이 삭제되었습니다.');
+                        $('[data-act-info-id="' + actInfoId + '"][data-photo-sn="' + crdnPhotoSn + '"][data-photo-type="' + photoType + '"]').remove();
                     } else {
-                        alert(response.message || '조치사진 삭제에 실패했습니다.');
+                        alert(response.message || '사진 삭제에 실패했습니다.');
                     }
-                },
-                error: function() {
-                    alert('조치사진 삭제 중 오류가 발생했습니다.');
                 }
             });
         },
 
-        /**
-         * 팝업 닫기
-         */
+        
         closePopup: function() {
-            // 부모 팝업에 변경 사항 알림
+            
             if (window.opener && !window.opener.closed) {
                 if (typeof window.opener.CrdnDetailViewActInfo.search === 'function') {
                     window.opener.CrdnDetailViewActInfo.search();
@@ -749,17 +710,19 @@
         }
     };
 
-    /**
-     * 원본 사진 보기 (기존 DB 사진)
-     * 중요한 로직 주석: 등록된 사진을 photoView 페이지에서 원본 크기로 표시하고 다운로드 버튼을 제공한다.
-     */
+    
     function viewOriginalPhoto(actnInfoId, actInfoId, crdnPhotoSn, crdnPhotoSeCd) {
         var url = '<c:url value="/crdn/crndRegistAndView/crdnActInfo/photoView.do"/>?actnInfoId=' + actnInfoId + '&actInfoId=' + actInfoId + '&crdnPhotoSn=' + crdnPhotoSn  + '&crdnPhotoSeCd=' + crdnPhotoSeCd ;
         openPopup(url, 1000, 700, '_blank');
     }
 
-    // DOM 준비 완료 시 초기화
+    
     $(document).ready(function() {
-        crdnActnInfoRegistPopup.init();
+        CrdnActnInfoRegistPopup.init();
     });
-</script>
\ No newline at end of file
+
+    
+    window.CrdnActnInfoRegistPopup = CrdnActnInfoRegistPopup;
+
+})(window, jQuery);
+</script>