feat: 관리자 - 사이트관리 > 컨텐츠관리 > 팝업 관리 첨부파일 구현 건

egovframe-template-simple-react-contribution/package.json

@@ -25,6 +25,7 @@
     "react-csv": "^2.2.2",
     "react-datepicker": "^4.8.0",
     "react-dom": "^18.2.0",
+    "react-drag-drop-files": "^2.3.10",
     "react-element-to-jsx-string": "^15.0.0",
     "react-icons": "^4.11.0",
     "react-loader-spinner": "^5.4.5",

egovframe-template-simple-react-contribution/src/components/file/FileDragDrop.jsx

@@ -0,0 +1,27 @@
+import React, { useState } from "react";
+import { FileUploader } from "react-drag-drop-files";
+
+
+/**
+ * https://www.npmjs.com/package/react-drag-drop-files를 참고해주세요.
+ * @param {fileTypes} const fileTypes = ["JPG", "PNG", "GIF"]; 
+ * @returns 
+ */
+function FileDragDrop({fileTypes, children, multiple, label, onDrop, handleChange, file, setFile, dropMessageStyle}) {
+
+  return (
+    <FileUploader
+        handleChange={handleChange}
+        name="file"
+        types={fileTypes ? fileTypes : "*"}
+        multiple={multiple && false}
+        label={label}
+        onDrop={onDrop}
+        dropMessageStyle={dropMessageStyle}
+    >
+        {children && children}
+    </FileUploader>
+  );
+}
+
+export default FileDragDrop;

egovframe-template-simple-react-contribution/src/components/list/ListCreateUpdateDelete.jsx

@@ -115,7 +115,7 @@ function ListCreateUpdateDelete(props) {
                 </Grid>
                 </Typography>
                 <Demo>
-                    <List dense={false} sx={{ px: 0, '&': { minHeight: '315px', height: '650px', overflowY: 'auto'}}}>
+                    <List dense={false} sx={{ px: 0, '&': { minHeight: '315px', height: '615px', overflowY: 'auto'}}}>
                     {generate(
                         props.items,                    
                         <ListItem

egovframe-template-simple-react-contribution/src/pages/admin/contents/PopUp/PopupEditor.jsx

@@ -1,6 +1,8 @@
 import React, { useState, useEffect } from 'react';
 import { Link, useLocation, useNavigate } from 'react-router-dom';
 import DatePicker from "react-datepicker";
+import FileDragDrop from "../../../../components/file/FileDragDrop";
+import AttachFileIcon from '@mui/icons-material/AttachFile';
 
 import EgovAttachFile from 'components/EgovAttachFile';
 import RichTextEditor from "../../../../components/editor/RichTextEditor";
@@ -19,11 +21,30 @@ const StyledDiv = styled.div`
 
     .board_view2 {
         margin-bottom: 30px;
+        dl.file-attach-wrapper dd {
+            padding: 0px;
+            
+        
+            .file_attach {
+                width: 100%;
+                label {
+                    width: 100%;
+                    padding: 0px 0px;
+                    div {
+                        padding: 30px 10px;
+                        color: #999;
+                    }
+                }
+            }
+        
+        }
     }
 
-
 `;
 
+
+
+
 function PopupEditor(props) {
     
     const navigate = useNavigate();
@@ -38,7 +59,7 @@ function PopupEditor(props) {
     const [schdulBgndeMM, setSchdulBgndeMM] = useState();
     const [schdulEnddeHH, setSchdulEnddeHH] = useState();
     const [schdulEnddeMM, setSchdulEnddeMM] = useState();
-    const [boardAttachFiles, setBoardAttachFiles] = useState();
+    const [fileName, setFileName] = useState();
 
     const [confirm, setConfirm] = React.useState();
 
@@ -118,6 +139,10 @@ function PopupEditor(props) {
                 });
                 setText(rawDetail.contents);
                 setTextOriginal(rawDetail.contents);
+
+                if( rawDetail.fileName ) {
+                    setFileName(rawDetail.fileName);
+                }
             }
         );        
     }
@@ -141,6 +166,9 @@ function PopupEditor(props) {
         formData.delete("contents");
         formData.append("contents", text); 
         
+        //첨부파일
+        formData.append("file", file);
+
         if (formValidator(formData)) {
             const requestOptions = {
                 method: modeInfo.method,
@@ -165,9 +193,11 @@ function PopupEditor(props) {
 
             
             if (modeInfo.mode === CODE.MODE_CREATE) {
-                setConfirm({...confirm, open: true, body: "추가하시겠습니까?", yesCallback: requestTask, yesCallbackParams: {requestUrl:modeInfo.editURL}});
+                //setConfirm({...confirm, open: true, body: "추가하시겠습니까?", yesCallback: requestTask, yesCallbackParams: {requestUrl:modeInfo.editURL}});
+                requestTask({requestUrl:modeInfo.editURL});
             } else if (modeInfo.mode === CODE.MODE_MODIFY) {
-                setConfirm({...confirm, open: true, body: "수정하시겠습니까?", yesCallback: requestTask, yesCallbackParams: {requestUrl:`${modeInfo.editURL}/${location.state?.popupId}`}});
+                //setConfirm({...confirm, open: true, body: "수정하시겠습니까?", yesCallback: requestTask, yesCallbackParams: {requestUrl:`${modeInfo.editURL}/${location.state?.popupId}`}});
+                requestTask({requestUrl:`${modeInfo.editURL}/${location.state?.popupId}`});
             }
             
         }
@@ -233,6 +263,24 @@ function PopupEditor(props) {
         return number < 10 ? "0" + number : number.toString();
     }
 
+    const fileTypes = ["JPG", "PNG", "GIF", "PDF", "HWP", "HWPX", "ZIP", "JPEG", "MP4", "TXT"];
+    const onDrop = (e) => {
+        //alert('ddd');
+    };
+
+    const [file, setFile] = useState(null);
+    const handleChange = (file) => {
+      setFile(file);
+    };
+    
+    
+    useEffect(function () {
+        if( file ) {
+            console.log('%o', file);
+        }
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [file]);
+
 
 	const Location = React.memo(function Location() {
         return (
@@ -263,7 +311,7 @@ function PopupEditor(props) {
                         {/* <!-- 본문 --> */}
                         <StyledDiv>
                             <div className="top_tit">
-                                <h1 className="tit_1">팝업 추가</h1>
+                                <h1 className="tit_1">팝업 관리</h1>
                             </div>                          
                             {/* <!-- 상단 입력 form --> */}
                             <div className='board_view2'>
@@ -316,21 +364,27 @@ function PopupEditor(props) {
                                         </span>
                                     </dd>
                                 </dl>                                
-                                <EgovAttachFile
+                                <dl className="file-attach-wrapper">
-                                fnChangeFile={(attachfile) => {
+                                    <dt>첨부파일</dt>
-                                    console.log("====>>> Changed attachfile file = ", attachfile);
+                                    <dd>
-                                    const arrayConcat = { ...popupDetail}; // 기존 단일 파일 업로드에서 다중파일 객체 추가로 변환(아래 for문으로)
+                                        <span className="file_attach">
-									for ( let i = 0; i < attachfile.length; i++) {
+                                            <FileDragDrop
-										arrayConcat[`file_${i}`] = attachfile[i];
+                                                className="file-drag-drop"
-									}
+                                                multiple={false}
-                                    setPopupDetail(arrayConcat);
+                                                fileTypes={fileTypes}
-                                }}
+                                                onDrop={onDrop}
-                                fnDeleteFile={(deletedFile) => {
+                                                handleChange={handleChange}
-                                    console.log("====>>> Delete deletedFile = ", deletedFile);
+                                                dropMessageStyle={{backgroundColor: '#cfe2ff'}}
-                                    setBoardAttachFiles(deletedFile);
+                                            >
-                                }}
+                                                <div>
-                                boardFiles={boardAttachFiles}
+                                                    <AttachFileIcon />
-                                mode={props.mode} />
+                                                    {file ? file.name : fileName ? fileName : "파일을 마우스로 끌어놓으세요."}
+                                                </div>
+                                            </FileDragDrop>
+                                        </span>
+                                    </dd>
+                                </dl>
+                                
                             </div>
                             {/* <!--// 상단 입력 form --> */}
 
@@ -341,20 +395,20 @@ function PopupEditor(props) {
                             {/* <!-- 버튼영역 --> */}
                             <div className="board_btn_area">                                
                                 <div className="left_col btn1">
+                                    <button className="btn btn_blue_h46 w_100"
+                                        onClick={onClickList}>목록</button> 
+                                </div>
+                                <div className="right_col btn1">
                                     <button className="btn btn_skyblue_h46 w_100"
                                         onClick={() => createPopup()}
                                     > 저장</button>
                                     {modeInfo.mode === CODE.MODE_MODIFY &&
-                                        <button className="btn btn_skyblue_h46 w_100"
+                                        <button className="btn btn_red_h46 w_100"
                                         onClick={(e) => {
                                             onClickDelete(location.state?.popupId);
                                         }}>삭제</button> 
                                     }                                    
                                 </div>
-                                <div className="right_col btn1">
-                                    <button className="btn btn_blue_h46 w_100"
-                                        onClick={onClickList}>목록</button> 
-                                </div>
                             </div>
                             {/* <!--// 버튼영역 --> */}
 

egovframe-template-simple-react-contribution/src/pages/admin/contents/StandardResearch.jsx

@@ -14,12 +14,26 @@ import styled from "styled-components";
 
 const StyledDiv = styled.div`
     .BRD008 {
-        .head > span:nth-child(3) {
+        .head {
-            width: 200px;
+            span:nth-child(3) {
+                width: 200px;
+            }
+            span:nth-child(4) {
+                width: 200px;
+            }
         }
-        .result .list_item > div:nth-child(3) {
+        .result .list_item {
-            width: 200px;
+            & > div {
+                &:nth-child(3) {
+                    width: 200px;
+                }
+                &:nth-child(4) {
+                    width: 200px;
+                }
+            }
         }
+
+
     }
 
     .board-bot {

egovframe-template-simple-react-contribution/yarn.lock

@@ -8613,6 +8613,14 @@ react-dom@^18.2.0:
     loose-envify "^1.1.0"
     scheduler "^0.23.0"
 
+react-drag-drop-files@^2.3.10:
+  version "2.3.10"
+  resolved "https://registry.yarnpkg.com/react-drag-drop-files/-/react-drag-drop-files-2.3.10.tgz#3f6ea316f8ad66a6f76b312cc4108c7c14065b06"
+  integrity sha512-Fv614W9+OtXFB5O+gjompTxQZLYGO7wJeT4paETGiXtiADB9yPOMGYD4A3PMCTY9Be874/wcpl+2dm3MvCIRzg==
+  dependencies:
+    prop-types "^15.7.2"
+    styled-components "^5.3.0"
+
 react-element-to-jsx-string@^15.0.0:
   version "15.0.0"
   resolved "https://registry.npmjs.org/react-element-to-jsx-string/-/react-element-to-jsx-string-15.0.0.tgz"
@@ -9604,7 +9612,7 @@ style-loader@^3.3.1:
   resolved "https://registry.npmjs.org/style-loader/-/style-loader-3.3.1.tgz"
   integrity sha512-GPcQ+LDJbrcxHORTRes6Jy2sfvK2kS6hpSfI/fXhPt+spVzxF6LJ1dHLN9zIGmVaaP044YKaIatFaufENRiDoQ==
 
-styled-components@^5.3.5:
+styled-components@^5.3.0, styled-components@^5.3.5:
   version "5.3.11"
   resolved "https://registry.npmjs.org/styled-components/-/styled-components-5.3.11.tgz"
   integrity sha512-uuzIIfnVkagcVHv9nE0VPlHPSCmXIUGKfJ42LNjxCCTDTL5sgnJ8Z7GZBq0EnLYGln77tPpEpExt2+qa+cZqSw==

kcsc-back-end/src/main/java/com/dbnt/kcscbackend/admin/contents/popUp/controller/PopUpApiController.java

@@ -1,14 +1,9 @@
 package com.dbnt.kcscbackend.admin.contents.popUp.controller;
 
 
-import com.dbnt.kcscbackend.admin.committee.schedules.model.CreateScheduleVO;
-import com.dbnt.kcscbackend.admin.committee.schedules.model.UpdateScheduleVO;
-import com.dbnt.kcscbackend.admin.committee.schedules.service.EgovIndvdlSchdulManageService;
 import com.dbnt.kcscbackend.admin.contents.popUp.model.CreatePopupVO;
-import com.dbnt.kcscbackend.admin.contents.popUp.model.FileVO;
 import com.dbnt.kcscbackend.admin.contents.popUp.model.UpdatePopupVO;
 import com.dbnt.kcscbackend.admin.contents.popUp.service.PopUpApiService;
-import com.dbnt.kcscbackend.admin.contents.popUp.utils.EgovFileMngUtil;
 import com.dbnt.kcscbackend.auth.entity.LoginVO;
 import com.dbnt.kcscbackend.config.common.ResponseCode;
 import com.dbnt.kcscbackend.config.common.ResultVO;
@@ -26,8 +21,7 @@ import org.springframework.web.multipart.MultipartHttpServletRequest;
 
 import javax.annotation.Resource;
 import javax.servlet.http.HttpServletRequest;
-import java.util.List;
+import java.util.Enumeration;
-import java.util.Map;
 
 
 @Api("PopUpApiController")
@@ -38,8 +32,6 @@ public class PopUpApiController {
 	@Resource(name = "popUpApiService")
 	private PopUpApiService popUpApiService;
 
-	@Resource(name = "EgovFileMngUtil")
-	private EgovFileMngUtil fileUtil;
 
 	@Operation(
 			summary = "'팝업 관리' 페이지에서 목록 불러오는 API",
@@ -95,13 +87,14 @@ public class PopUpApiController {
 			HttpServletRequest request,
 			@AuthenticationPrincipal LoginVO loginVO,
 			final MultipartHttpServletRequest multiRequest,
-			CreatePopupVO createPopupVO
+			CreatePopupVO createPopupVO,
+			@RequestParam(required = false) MultipartFile file
 	) throws Exception {
 
 		ResultVO resultVO = new ResultVO();
 
 		try {
-			resultVO = popUpApiService.contentsApiPopUpManageCreate(resultVO, request, loginVO, multiRequest, createPopupVO);
+			resultVO = popUpApiService.contentsApiPopUpManageCreate(resultVO, request, loginVO, multiRequest, createPopupVO, file);
 		} catch (Exception e) {
 			resultVO.setResultCode(ResponseCode.FAILED.getCode());
 			resultVO.setResultMessage(e.getMessage());
@@ -136,13 +129,14 @@ public class PopUpApiController {
 			HttpServletRequest request,
 			@AuthenticationPrincipal LoginVO loginVO,
 			UpdatePopupVO updatePopupVO,
+			@RequestParam(required = false) MultipartFile file,
 			@PathVariable("popupId") Long popupId
 	) throws Exception {
 
 		ResultVO resultVO = new ResultVO();
 
 		try {
-			resultVO = popUpApiService.contentsApiPopUpManageUpdate(resultVO, request, loginVO, updatePopupVO, popupId);
+			resultVO = popUpApiService.contentsApiPopUpManageUpdate(resultVO, request, loginVO, updatePopupVO, file, popupId);
 		} catch (Exception e) {
 			resultVO.setResultCode(ResponseCode.FAILED.getCode());
 			resultVO.setResultMessage(e.getMessage());

kcsc-back-end/src/main/java/com/dbnt/kcscbackend/admin/contents/popUp/model/CreatePopupVO.java

@@ -6,8 +6,10 @@ import lombok.Getter;
 import lombok.RequiredArgsConstructor;
 import lombok.Setter;
 import lombok.ToString;
+import org.springframework.web.multipart.MultipartFile;
 
 import java.io.Serializable;
+import java.util.Optional;
 
 @ApiModel(value = "CreatePopupVO", description =
         "관리자 단에서 '컨텐츠 관리' > '팝업 관리' 페이지에서 팝업을 추가하는 API에 사용된다." + ""
@@ -28,4 +30,6 @@ public class CreatePopupVO implements Serializable {
     private String	title;
     @ApiModelProperty(value = "contents")
     private String	contents;
+    //@ApiModelProperty(value = "file")
+    //private MultipartFile file;
 }

kcsc-back-end/src/main/java/com/dbnt/kcscbackend/admin/contents/popUp/model/UpdatePopupVO.java

@@ -12,7 +12,6 @@ import java.io.Serializable;
 @ApiModel(value = "UpdatePopupVO", description =
         "관리자 단에서 '컨텐츠 관리' > '팝업 관리' 페이지에서 팝업을 수정하는 API에 사용된다." + ""
 )
-@RequiredArgsConstructor
 @Getter
 @Setter
 @ToString

kcsc-back-end/src/main/java/com/dbnt/kcscbackend/admin/contents/popUp/service/PopUpApiService.java

@@ -9,15 +9,16 @@ import org.springframework.data.domain.Pageable;
 import org.springframework.security.core.annotation.AuthenticationPrincipal;
 import org.springframework.web.bind.annotation.PathVariable;
 import org.springframework.web.bind.annotation.RequestParam;
+import org.springframework.web.multipart.MultipartFile;
 import org.springframework.web.multipart.MultipartHttpServletRequest;
 
 import javax.servlet.http.HttpServletRequest;
 
 public interface PopUpApiService {
 	public ResultVO contentsApiPopUpManageList(ResultVO resultVO, HttpServletRequest request, LoginVO user, Pageable pageable) throws Exception;
-	public ResultVO contentsApiPopUpManageCreate(ResultVO resultVO, HttpServletRequest request, LoginVO user, final MultipartHttpServletRequest multiRequest, CreatePopupVO createPopupVO) throws Exception;
+	public ResultVO contentsApiPopUpManageCreate(ResultVO resultVO, HttpServletRequest request, LoginVO user, final MultipartHttpServletRequest multiRequest, CreatePopupVO createPopupVO, MultipartFile file) throws Exception;
 	public ResultVO contentsApiPopUpManageRead(ResultVO resultVO, HttpServletRequest request, LoginVO user, Long popupId) throws Exception;
-	public ResultVO contentsApiPopUpManageUpdate(ResultVO resultVO, HttpServletRequest request, LoginVO user, UpdatePopupVO updatePopupVO, Long popupId) throws Exception;
+	public ResultVO contentsApiPopUpManageUpdate(ResultVO resultVO, HttpServletRequest request, LoginVO user, UpdatePopupVO updatePopupVO, MultipartFile file, Long popupId) throws Exception;
 	public ResultVO contentsApiPopUpManageDelete(ResultVO resultVO, HttpServletRequest request, LoginVO user, Long popupId) throws Exception;
 	public ResultVO contentsApiPopUpManageUpdateActivationSwitch(ResultVO resultVO, HttpServletRequest request, LoginVO user, String checked, Long popupId) throws Exception;
 

kcsc-back-end/src/main/java/com/dbnt/kcscbackend/admin/contents/popUp/service/impl/PopUpApiServiceImpl.java

@@ -6,11 +6,15 @@ import com.dbnt.kcscbackend.admin.contents.popUp.model.FileVO;
 import com.dbnt.kcscbackend.admin.contents.popUp.model.UpdatePopupVO;
 import com.dbnt.kcscbackend.admin.contents.popUp.repository.TnPopupMngRepositoryWithoutPopupContents;
 import com.dbnt.kcscbackend.admin.contents.popUp.service.PopUpApiService;
+import com.dbnt.kcscbackend.file.entity.TnAttachFile;
+import com.dbnt.kcscbackend.file.repository.TnAttachFileRepository;
+import com.dbnt.kcscbackend.file.service.EgovFileMngUtil;
 import com.dbnt.kcscbackend.auth.entity.LoginVO;
 import com.dbnt.kcscbackend.commonCode.entity.TnPopupMng;
 import com.dbnt.kcscbackend.commonCode.repository.TnPopupMngRepository;
 import com.dbnt.kcscbackend.config.common.ResponseCode;
 import com.dbnt.kcscbackend.config.common.ResultVO;
+import com.dbnt.kcscbackend.util.NetworkUtil;
 import lombok.RequiredArgsConstructor;
 import org.egovframe.rte.fdl.cmmn.EgovAbstractServiceImpl;
 import org.egovframe.rte.ptl.mvc.tags.ui.pagination.PaginationInfo;
@@ -19,11 +23,12 @@ import org.springframework.stereotype.Service;
 import org.springframework.web.multipart.MultipartFile;
 import org.springframework.web.multipart.MultipartHttpServletRequest;
 
+import javax.annotation.Resource;
 import javax.servlet.http.HttpServletRequest;
+import java.io.File;
+import java.text.SimpleDateFormat;
 import java.time.format.DateTimeFormatter;
-import java.util.HashMap;
+import java.util.*;
-import java.util.List;
-import java.util.Map;
 import java.util.concurrent.atomic.AtomicInteger;
 import java.util.stream.Collectors;
 
@@ -34,6 +39,10 @@ public class PopUpApiServiceImpl extends EgovAbstractServiceImpl implements PopU
 	private final TnPopupMngRepository tnPopupMngRepository;
 	private final TnPopupMngRepositoryWithoutPopupContents tnPopupMngRepositoryWithoutPopupContents;
 
+	private final TnAttachFileRepository tnAttachFileRepository;
+
+	@Resource(name = "EgovFileMngUtil")
+	private EgovFileMngUtil fileUtil;
 
 	@Override
 	public ResultVO contentsApiPopUpManageList(ResultVO resultVO, HttpServletRequest request, LoginVO user, Pageable pageable) throws Exception {
@@ -93,7 +102,7 @@ public class PopUpApiServiceImpl extends EgovAbstractServiceImpl implements PopU
 
 
 	@Override
-	public ResultVO contentsApiPopUpManageCreate(ResultVO resultVO, HttpServletRequest request, LoginVO user, final MultipartHttpServletRequest multiRequest, CreatePopupVO createPopupVO) throws Exception {
+	public ResultVO contentsApiPopUpManageCreate(ResultVO resultVO, HttpServletRequest request, LoginVO user, final MultipartHttpServletRequest multiRequest, CreatePopupVO createPopupVO, MultipartFile file) throws Exception {
 
 		System.out.println(
 				"\n--------------------------------------------------------------\n" +
@@ -104,21 +113,13 @@ public class PopUpApiServiceImpl extends EgovAbstractServiceImpl implements PopU
 						"\n--------------------------------------------------------------\n"
 		);
 
-		// 첨부파일 관련 첨부파일ID 생성
+		String fileGrpId = this.addTnAttachFile(request, user, file);
-		List<FileVO> _result = null;
-		String _atchFileId = "";
-
-		final Map<String, MultipartFile> files = multiRequest.getFileMap();
-
-		if (!files.isEmpty()) {
-			//_atchFileId = fileMngService.insertFileInfs(_result); //파일이 생성되고나면 생성된 첨부파일 ID를 리턴한다.
-		}
 
 		Map<String, Object> response = tnPopupMngRepository.spAddTnPopupMng(
 				createPopupVO.getTitle(),
 				createPopupVO.getStartDate(),
 				createPopupVO.getEndDate(),
-				null,
+				fileGrpId,
 				createPopupVO.getContents(),
 				"kcsc_admin",
 				null,
@@ -169,6 +170,14 @@ public class PopUpApiServiceImpl extends EgovAbstractServiceImpl implements PopU
 		dto.put("schdulBgnde", tnPopupMng.getPopupStartDate().plusHours(9).format(DateTimeFormatter.ofPattern("yyyyMMddHHmmss")));		// 날짜/시간의 시작 일시 - yyyyMMddHHmmss
 		dto.put("schdulEndde", tnPopupMng.getPopupEndDate().plusHours(9).format(DateTimeFormatter.ofPattern("yyyyMMddHHmmss")));		// 날짜/시간의 종료 일시 - yyyyMMddHHmmss
 
+		//첨부파일명을 가져온다.
+		TnAttachFile tnAttachFile = tnAttachFileRepository.findByFileGrpId(tnPopupMng.getFileGrpId()).orElse(null);
+
+		if( tnAttachFile != null ) {
+			dto.put("fileName", tnAttachFile.getFileOldName());
+		} else {
+			dto.put("fileName", null);
+		}
 
 		resultVO.setResult(dto);
 		resultVO.setResultCode(ResponseCode.SUCCESS.getCode());
@@ -178,16 +187,16 @@ public class PopUpApiServiceImpl extends EgovAbstractServiceImpl implements PopU
 	}
 
 	@Override
-	public ResultVO contentsApiPopUpManageUpdate(ResultVO resultVO, HttpServletRequest request, LoginVO user, UpdatePopupVO updatePopupVO, Long popupId) throws Exception {
+	public ResultVO contentsApiPopUpManageUpdate(ResultVO resultVO, HttpServletRequest request, LoginVO user, UpdatePopupVO updatePopupVO, MultipartFile file, Long popupId) throws Exception {
 		System.out.println(
 				"\n--------------------------------------------------------------\n" +
-						request.getRequestURI() + " IN:" +
+				request.getRequestURI() + " IN:" +
-						"\n--------------------------------------------------------------\n" +
+				"\n--------------------------------------------------------------\n" +
-						"updatePopupVO:" + "\n" +
+				"updatePopupVO:" + "\n" +
-						updatePopupVO.toString() + "\n" +
+				updatePopupVO.toString() + "\n" +
-						"popupId:" + "\n" +
+				"popupId:" + "\n" +
-						popupId + "\n" +
+				popupId + "\n" +
-						"\n--------------------------------------------------------------\n"
+				"\n--------------------------------------------------------------\n"
 		);
 
 		// 유효성 검사 실시
@@ -201,14 +210,16 @@ public class PopUpApiServiceImpl extends EgovAbstractServiceImpl implements PopU
 			throw new Exception("종료일시는 시작일시보다 앞 설 수 없습니다.");
 		}
 
+		String fileGrpId = this.addTnAttachFile(request, user, file);
+
 		Map<String, Object> response = tnPopupMngRepository.spUpdateTnPopupMng(
 			popupId.intValue(),
 			updatePopupVO.getTitle(),
 			updatePopupVO.getStartDate(),
 			updatePopupVO.getEndDate(),
-			null,
+			fileGrpId,
 			updatePopupVO.getContents(),
-			"kcsc_admin",
+				user.getId(),
 			null,
 			null,
 			null
@@ -311,4 +322,64 @@ public class PopUpApiServiceImpl extends EgovAbstractServiceImpl implements PopU
 	}
 
 
+	/**
+	 * 파일이 저장될 중간 경로를 생성한다.
+	 * @return 중간 경로
+	 */
+	private String getMiddlePath() {
+		//파일이 저장될 경로를 생성한다.
+		String domainPath = "popup";
+		Date nowDate = new Date();
+		String strNowYyyy = new SimpleDateFormat("yyyy").format(nowDate);
+		String strNowYyyyMmdd = new SimpleDateFormat("yyyyMMdd").format(nowDate);
+		String middlePath = domainPath + "/" +  strNowYyyy + "/" + strNowYyyyMmdd + "/";
+
+		return middlePath;
+	}
+
+
+	private String addTnAttachFile(HttpServletRequest request, LoginVO user, MultipartFile file) throws Exception {
+		String ipAddress = NetworkUtil.getClientIpAddress(request);
+
+		String fileGrpId = null;
+		if( file != null && !file.isEmpty()) {
+			//파일이 저장될 중간 경로를 생성한다.
+			String middlePath = this.getMiddlePath();
+
+			Map<String, MultipartFile> filesMap = new HashMap<String, MultipartFile>();
+			filesMap.put("file", file);
+
+			//String fileGrpId = UUID.randomUUID().toString();
+			fileGrpId = tnAttachFileRepository.makeFileGrpId(user.getId());
+
+			List<FileVO> files =  fileUtil.parseFileInf(filesMap, "", 0, middlePath, null);
+
+
+			// 업로드된 file을 tnAttachFile에 insert한다.
+			for (Iterator<FileVO> iter = files.iterator(); iter.hasNext(); ) {
+
+				FileVO item = iter.next();
+
+				tnAttachFileRepository.spAddTnAttachFile(
+						fileGrpId,
+						1,
+						item.getOrignlFileNm(),
+						item.getStreFileNm() + "." + item.getFileExtsn(),
+						(item.getFileStreCours() + File.separator + item.getAtchFileId()).replaceAll("\\\\", "/"),
+						Long.parseLong(item.getFileMg()),
+						item.getFileExtsn(),
+						ipAddress,
+						user.getId(),
+						null,
+						null,
+						null
+				);
+
+			}
+		}
+
+		return fileGrpId;
+	}
+
+
 }

kcsc-back-end/src/main/java/com/dbnt/kcscbackend/admin/standardResearch/AdminStandardResearchController.java

@@ -1,7 +1,7 @@
 package com.dbnt.kcscbackend.admin.standardResearch;
 
 
-import com.dbnt.kcscbackend.admin.contents.popUp.utils.EgovFileMngUtil;
+import com.dbnt.kcscbackend.file.service.EgovFileMngUtil;
 import com.dbnt.kcscbackend.admin.standardResearch.model.CreateStandardResearchVO;
 import com.dbnt.kcscbackend.admin.standardResearch.model.UpdateStandardResearchVO;
 import com.dbnt.kcscbackend.admin.standardResearch.service.AdminStandardResearchService;

kcsc-back-end/src/main/java/com/dbnt/kcscbackend/config/util/EgovStringUtil.java

@@ -826,7 +826,6 @@ public class EgovStringUtil {
 	 *
 	 * @param
 	 * @return Timestamp 값
-	 * @exception MyException
 	 * @see
 	 */
 	public static String getTimeStamp() {

kcsc-back-end/src/main/java/com/dbnt/kcscbackend/file/repository/TnAttachFileRepository.java

@@ -2,10 +2,48 @@ package com.dbnt.kcscbackend.file.repository;
 
 import com.dbnt.kcscbackend.file.entity.TnAttachFile;
 import org.springframework.data.jpa.repository.JpaRepository;
+import org.springframework.data.jpa.repository.Query;
+import org.springframework.data.jpa.repository.query.Procedure;
+import org.springframework.data.repository.query.Param;
 
+import java.util.Map;
 import java.util.Optional;
 
 public interface TnAttachFileRepository extends JpaRepository<TnAttachFile, Integer> {
 
   Optional<TnAttachFile> findByFileGrpId(String fileGrpId);
+
+  @Procedure("make_file_grp_id")
+  String makeFileGrpId( String        modiId );
+
+  @Query(value = "CALL sp_add_tn_attach_file (" +
+          ":_file_grp_id, " +
+          ":_file_order, " +
+          ":_file_old_name, " +
+          ":_file_new_name, " +
+          ":_file_path, " +
+          ":_file_size, " +
+          ":_file_ext, " +
+          ":_ip_address, " +
+          ":_modi_id, " +
+          ":_result_count, " +
+          ":_result_code, " +
+          ":_error_message)",
+          nativeQuery = true)
+  Map<String, Object> spAddTnAttachFile(
+          @Param("_file_grp_id")            String          _file_grp_id,
+          @Param("_file_order")             Integer         _file_order,
+          @Param("_file_old_name")          String          _file_old_name,
+          @Param("_file_new_name")          String          _file_new_name,
+          @Param("_file_path")              String          _file_path,
+          @Param("_file_size")              Long            _file_size,
+          @Param("_file_ext")               String          _file_ext,
+          @Param("_ip_address")             String          _ip_address,
+          @Param("_modi_id")                String          _modi_id,
+          @Param("_result_count")           Integer         resultCount,
+          @Param("_result_code")            String          resultCode,
+          @Param("_error_message")          String          errorMessage
+  );
+
+
 }

kcsc-back-end/src/main/java/com/dbnt/kcscbackend/file/service/EgovFileMngUtil.java

@@ -1,6 +1,9 @@
-package com.dbnt.kcscbackend.admin.contents.popUp.utils;
+package com.dbnt.kcscbackend.file.service;
 
 import com.dbnt.kcscbackend.admin.contents.popUp.model.FileVO;
+import com.dbnt.kcscbackend.admin.contents.popUp.utils.EgovStringUtil;
+import com.dbnt.kcscbackend.admin.contents.popUp.utils.EgovWebUtil;
+import com.dbnt.kcscbackend.config.util.EgovNumberUtil;
 import lombok.extern.slf4j.Slf4j;
 import org.egovframe.rte.fdl.idgnr.EgovIdGnrService;
 import org.egovframe.rte.fdl.property.EgovPropertyService;
@@ -12,10 +15,7 @@ import javax.annotation.Resource;
 import javax.servlet.http.HttpServletRequest;
 import javax.servlet.http.HttpServletResponse;
 import java.io.*;
-import java.util.ArrayList;
+import java.util.*;
-import java.util.Iterator;
-import java.util.List;
-import java.util.Map;
 import java.util.Map.Entry;
 
 /**
@@ -43,6 +43,8 @@ public class EgovFileMngUtil {
     @Resource(name = "propertiesService")
     protected EgovPropertyService propertyService;
 
+
+
     /**
      * 첨부파일에 대한 목록 정보를 취득한다.
      *
@@ -50,87 +52,97 @@ public class EgovFileMngUtil {
      * @return
      * @throws Exception
      */
-    public List<FileVO> parseFileInf(Map<String, MultipartFile> files, String KeyStr, int fileKeyParam, String atchFileId, String storePath) throws Exception {
+    public List<FileVO> parseFileInf(Map<String, MultipartFile> files, String KeyStr, int fileKeyParam, String middlePath, String storePath) throws Exception {
-	int fileKey = fileKeyParam;
+		int fileKey = fileKeyParam;
 
-	String storePathString = "";
-	String atchFileIdString = "";
 
-	if ("".equals(storePath) || storePath == null) {
+		String storePathString = "";
-	    storePathString = propertyService.getString("Globals.fileStorePath");
+		String atchFileIdString = "";
-	} else {
-	    storePathString = propertyService.getString(storePath);
-	}
 
-	atchFileId = atchFileId.replaceAll("\\s", "");
+		if ("".equals(storePath) || storePath == null) {
+			storePathString = propertyService.getString("Globals.fileStorePath");
+		} else {
+			storePathString = propertyService.getString(storePath);
+		}
 
-	if ("".equals(atchFileId) || atchFileId == null) {
+		middlePath = middlePath.replaceAll("\\s", "");
-	    atchFileIdString = "testest_thkim-temp-20240124_1446";
-	} else {
-	    atchFileIdString = atchFileId;
-	}
 
-	File saveFolder = new File(EgovWebUtil.filePathBlackList(storePathString));
+		if ("".equals(middlePath) || middlePath == null) {
+			atchFileIdString = EgovStringUtil.getTimeStamp() + EgovNumberUtil.getRandomNum(0, 9) + EgovNumberUtil.getRandomNum(0, 9) + "";
+		} else {
+			atchFileIdString = middlePath;
+		}
 
-	if (!saveFolder.exists() || saveFolder.isFile()) {
+		File saveFolder = new File(EgovWebUtil.filePathBlackList(storePathString));
-	    saveFolder.mkdirs();
-	}
 
-	Iterator<Entry<String, MultipartFile>> itr = files.entrySet().iterator();
+		if (!saveFolder.exists() || saveFolder.isFile()) {
-	MultipartFile file;
+			saveFolder.mkdirs();
-	String filePath = "";
+		}
-	List<FileVO> result  = new ArrayList<FileVO>();
-	FileVO fvo;
 
-	while (itr.hasNext()) {
+		Iterator<Entry<String, MultipartFile>> itr = files.entrySet().iterator();
-	    Entry<String, MultipartFile> entry = itr.next();
+		MultipartFile file;
+		String filePath = "";
+		List<FileVO> result  = new ArrayList<FileVO>();
+		FileVO fvo;
 
-	    file = entry.getValue();
+		while (itr.hasNext()) {
-	    String orginFileName = file.getOriginalFilename();
+			Entry<String, MultipartFile> entry = itr.next();
 
-	    //--------------------------------------
+			file = entry.getValue();
-	    // 원 파일명이 null인 경우 처리
+			String orginFileName = file.getOriginalFilename();
-	    //--------------------------------------
-	    if (orginFileName == null) {
-	    	orginFileName = "";
-	    }
-	    ////------------------------------------
 
-	    //--------------------------------------
+			//--------------------------------------
-	    // 원 파일명이 없는 경우 처리
+			// 원 파일명이 null인 경우 처리
-	    // (첨부가 되지 않은 input file type)
+			//--------------------------------------
-	    //--------------------------------------
+			if (orginFileName == null) {
-	    if ("".equals(orginFileName)) {
+				orginFileName = "";
-		continue;
+			}
-	    }
+			////------------------------------------
-	    ////------------------------------------
 
-		int index = orginFileName.lastIndexOf(".");
+			//--------------------------------------
-	    //String fileName = orginFileName.substring(0, index);
+			// 원 파일명이 없는 경우 처리
-	    String fileExt = orginFileName.substring(index + 1);
+			// (첨부가 되지 않은 input file type)
-	    String newName = KeyStr + EgovStringUtil.getTimeStamp() + fileKey;
+			//--------------------------------------
-	    long _size = file.getSize();
+			if ("".equals(orginFileName)) {
+			continue;
+			}
+			////------------------------------------
 
-	    if (!"".equals(orginFileName)) {
+			int index = orginFileName.lastIndexOf(".");
-		filePath = storePathString + File.separator + newName;
+			//String fileName = orginFileName.substring(0, index);
-		file.transferTo(new File(EgovWebUtil.filePathBlackList(filePath)));
+			String fileExt = orginFileName.substring(index + 1);
-	    }
+			String newName = KeyStr + EgovStringUtil.getTimeStamp() + fileKey;
-	    fvo = new FileVO();
+			long _size = file.getSize();
-	    fvo.setFileExtsn(fileExt);
-	    fvo.setFileStreCours(storePathString);
-	    fvo.setFileMg(Long.toString(_size));
-	    fvo.setOrignlFileNm(orginFileName);
-	    fvo.setStreFileNm(newName);
-	    fvo.setAtchFileId(atchFileIdString);
-	    fvo.setFileSn(String.valueOf(fileKey));
 
-	    //writeFile(file, newName, storePathString);
+			if (!"".equals(orginFileName)) {
-	    result.add(fvo);
 
-	    fileKey++;
+				filePath = storePathString + File.separator + middlePath  + File.separator;
-	}
 
-	return result;
+				File savePath = new File(EgovWebUtil.filePathBlackList(filePath));
+				if (!savePath.exists() || savePath.isFile()) {
+					savePath.mkdirs();
+				}
+
+				file.transferTo(new File(EgovWebUtil.filePathBlackList(savePath.getAbsolutePath() + File.separator + newName + "." + fileExt)));
+			}
+
+
+			fvo = new FileVO();
+			fvo.setFileExtsn(fileExt);
+			fvo.setFileStreCours(storePathString.replaceAll("\\\\", "/"));
+			fvo.setFileMg(Long.toString(_size));
+			fvo.setOrignlFileNm(orginFileName);
+			fvo.setStreFileNm(newName);
+			fvo.setAtchFileId(atchFileIdString.replaceAll("\\\\", "/"));
+			fvo.setFileSn(String.valueOf(fileKey));
+
+			//writeFile(file, newName, storePathString);
+			result.add(fvo);
+
+			fileKey++;
+		}
+
+		return result;
     }
 
     /**

kcsc-back-end/src/main/java/com/dbnt/kcscbackend/util/NetworkUtil.java

@@ -0,0 +1,29 @@
+package com.dbnt.kcscbackend.util;
+
+import javax.servlet.http.HttpServletRequest;
+
+public final class NetworkUtil {
+    private static final String[] HEADERS_TO_TRY = {
+            "X-Forwarded-For",
+            "Proxy-Client-IP",
+            "WL-Proxy-Client-IP",
+            "HTTP_X_FORWARDED_FOR",
+            "HTTP_X_FORWARDED",
+            "HTTP_X_CLUSTER_CLIENT_IP",
+            "HTTP_CLIENT_IP",
+            "HTTP_FORWARDED_FOR",
+            "HTTP_FORWARDED",
+            "HTTP_VIA",
+            "REMOTE_ADDR" };
+
+    public static String getClientIpAddress(HttpServletRequest request) {
+        for (String header : HEADERS_TO_TRY) {
+            String ip = request.getHeader(header);
+            if (ip != null && !ip.isEmpty() && !"unknown".equalsIgnoreCase(ip)) {
+                return ip;
+            }
+        }
+
+        return request.getRemoteAddr();
+    }
+}

kcsc-back-end/src/main/resources/application-dev.properties

@@ -31,5 +31,5 @@ logging.level.com.atoz_develop.mybatissample.repository=TRACE
 
 # File Config
 Globals.posblAtchFileSize=5242880
-Globals.fileStorePath=D:\\kcsc
+Globals.fileStorePath=D:\\kcscUploadFiles
 Globals.addedOptions=false

kcsc-back-end/src/main/resources/application-local.properties

@@ -37,5 +37,5 @@ logging.level.com.atoz_develop.mybatissample.repository=TRACE
 
 # File Config
 Globals.posblAtchFileSize=5242880
-Globals.fileStorePath=D:\\kcsc
+Globals.fileStorePath=D:\\kcscUploadFiles
 Globals.addedOptions=false

kcsc-back-end/src/main/resources/application-prod.properties

@@ -34,5 +34,5 @@ logging.level.com.atoz_develop.mybatissample.repository=info
 
 # File Config
 Globals.posblAtchFileSize=5242880
-Globals.fileStorePath=C:\\kcsc_web\\uploadedFile
+Globals.fileStorePath=D:\\kcscUploadFiles
 Globals.addedOptions=false

kcsc-back-end/src/main/resources/application-test.properties

@@ -34,5 +34,5 @@ logging.level.com.atoz_develop.mybatissample.repository=info
 
 # File Config
 Globals.posblAtchFileSize=5242880
-Globals.fileStorePath=/docker/kcscDev/uploadFiles
+Globals.fileStorePath=D:\\kcscUploadFiles
 Globals.addedOptions=false

kcsc-back-end/src/main/resources/application.properties

@@ -18,3 +18,8 @@ Globals.admin.allow-ip = 218.49.16.81,218.49.21.183,218.49.16.168,218.49.17.102,
 
 #?????? ???? ?
 #?? : ??? ??? "egovframe"? ????? ???? ????? ????.
+
+
+# filesize limit
+spring.servlet.multipart.maxFileSize=10MB
+spring.servlet.multipart.maxRequestSize=10MB