.idea/.gitignore

@@ -0,0 +1,8 @@
+# Default ignored files
+/shelf/
+/workspace.xml
+# Datasource local storage ignored files
+/dataSources/
+/dataSources.local.xml
+# Editor-based HTTP Client requests
+/httpRequests/

.idea/kcscDev.iml

@@ -0,0 +1,9 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<module type="JAVA_MODULE" version="4">
+  <component name="NewModuleRootManager" inherit-compiler-output="true">
+    <exclude-output />
+    <content url="file://$MODULE_DIR$" />
+    <orderEntry type="inheritedJdk" />
+    <orderEntry type="sourceFolder" forTests="false" />
+  </component>
+</module>

.idea/modules.xml

@@ -0,0 +1,8 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<project version="4">
+  <component name="ProjectModuleManager">
+    <modules>
+      <module fileurl="file://$PROJECT_DIR$/.idea/kcscDev.iml" filepath="$PROJECT_DIR$/.idea/kcscDev.iml" />
+    </modules>
+  </component>
+</project>

.idea/vcs.xml

@@ -0,0 +1,6 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<project version="4">
+  <component name="VcsDirectoryMappings">
+    <mapping directory="" vcs="Git" />
+  </component>
+</project>

egovframe-template-simple-backend-contribution/src/main/java/egovframework/dbnt/kcsc/standardCode/StandardCodeController.java

@@ -213,25 +213,6 @@ public class StandardCodeController {
 	private final StandardCodeService standardCodeService;
 
 
-	@Operation(
-			summary = "건설기준코드 트리 조회",
-			description = "건설기준코드 트리 조회",
-			tags = {"StandardCodeController"}
-	)
-	@ApiResponses(value = {
-			@ApiResponse(responseCode = "200", description = "조회 성공"),
-			@ApiResponse(responseCode = "403", description = "인가된 사용자가 아님")
-	})
-	@PostMapping(value = "/getCodeTree.do", consumes = MediaType.APPLICATION_JSON_VALUE)
-	public ResultVO getCodeTree(@RequestBody StandardCodeVO param, @AuthenticationPrincipal LoginVO user)
-			throws Exception {
-		ResultVO resultVO = new ResultVO();
-		Map<String, Object> resultMap = new HashMap<>();
-		resultMap.put("codeTree", standardCodeService.selectStandardCodeTree());
-		resultVO.setResult(resultMap);
-		return resultVO;
-	}
-
 	@Operation(
 			summary = "건설기준코드 내용 조회",
 			description = "건설기준코드 내용 조회",
@@ -241,11 +222,12 @@ public class StandardCodeController {
 			@ApiResponse(responseCode = "200", description = "조회 성공"),
 			@ApiResponse(responseCode = "403", description = "인가된 사용자가 아님")
 	})
-	@PostMapping(value = "/getCodeDetailInfo.do", consumes = MediaType.APPLICATION_JSON_VALUE)
+	@PostMapping(value = "/viewer.do", consumes = MediaType.APPLICATION_JSON_VALUE)
-	public ResultVO getCodeDetailInfo(@RequestBody StandardCodeVO param, @AuthenticationPrincipal LoginVO user)
+	public ResultVO selectStandardCode(@RequestBody StandardCodeVO param, @AuthenticationPrincipal LoginVO user)
 			throws Exception {
 		ResultVO resultVO = new ResultVO();
 		Map<String, Object> resultMap = new HashMap<>();
+		resultMap.put("codeTree", standardCodeService.selectStandardCodeTree());
 		resultMap.put("document", standardCodeService.selectStandardCodeDocument(param));
 		resultVO.setResult(resultMap);
 		return resultVO;

egovframe-template-simple-react-contribution/src/components/EgovFooter.jsx

@@ -2,9 +2,6 @@ import React from 'react';
 import { Link } from 'react-router-dom';
 
 function EgovFooter() {
-    if(window.location.pathname==="/standardCode/viewer"){
-        return null;
-    }else{
     return (
         <div className="footer">
             <div className="inner">
@@ -34,7 +31,6 @@ function EgovFooter() {
             </div>
         </div>
     );
-    }
 }
 
 export default EgovFooter;

egovframe-template-simple-react-contribution/src/constants/url.js

@@ -77,8 +77,7 @@ const URL = {
 
     //기준코드
     STANDARD_CODE_LIST          : "/standardCode/list", //건설기준코드/리스트
-    STANDARD_CODE_VIEWER        : "/standardCode/viewer", //건설기준코드/뷰어
+    STANDARD_CODE_VIEWER        : "/standardCode/viewer/:docCode", //건설기준코드/뷰어
-    STANDARD_CODE_VIEWER_LINK        : "/standardCode/viewer/:linkedDocCode", //건설기준코드/뷰어/새 창 링크
 }
 
 export default URL;

egovframe-template-simple-react-contribution/src/css/page.css

@@ -305,8 +305,3 @@
     .calendar_info ul li::before {content: ""; display: block; position: absolute; left: 20px; top: 27px; width: 2px; height: 2px; background: #222;}
     .calendar_info ul li a {color: #222; font-size: 16px; font-weight: 300;}
     .calendar_info ul li span {position: absolute; right: 15px; top: 15px; color: #808080; font-size: 16px; font-weight: 300;}
-
-    .viewerDiv{height: calc(100vh - 180px); overflow-y: auto;}
-    .openDoc{background-color: bisque;}
-    .docLink{background-color: aquamarine}
-    .docLink:hover{cursor: pointer}

egovframe-template-simple-react-contribution/src/pages/standardCode/Sb.style.js

@@ -29,18 +29,6 @@ export const SbTitle = styled.div`
   }
 `;
 
-export const VwDiv = styled.div`
-  display: flex;
-  align-items: center;
-  padding-left: ${props => (props.depth * 10)}px;
-  color: ${props => (props.isTitle?'darkcyan':'black')};
-  padding-top: ${props => (props.isTitle?'10':'')}px;
-`;
-
-export const VwPtag = styled.p`
-  cursor: ${props => (props.isTitle?'pointer':'')};
-`;
-
 // 제일 하위메뉴에서 클릭할 Link
 export const SbLink = styled(Link)`
   color: inherit;

egovframe-template-simple-react-contribution/src/pages/standardCode/SbItem.js

@@ -1,26 +1,15 @@
 import {React, useState} from 'react'
-import {SbTitle, SbSub} from './Sb.style'
+import { useNavigate } from 'react-router-dom';
+import {SbTitle, SbSub, SbLink} from './Sb.style'
 import { FcFolder, FcOpenedFolder, FcFile } from 'react-icons/fc'
 import { AiOutlinePlusSquare, AiOutlineMinusSquare } from 'react-icons/ai'
 
-const SbItem = ({item, openDocCode, updateDocCode}) => {
+const SbItem = ({ item }) => {
-    const find = (array, openDocCode) => {
+    const [collapsed, setCollapsed] = useState(false);
-        var result;
+    const navigate = useNavigate();
-        array.some(o => result = o.doc_code === openDocCode ? o : find(o.childrens || [], openDocCode));
-        return result;
-    };
-    const collapsedFlag = find(item.childrens, openDocCode) !== undefined;
-    // openDocCode === item.doc_code+' '+item.doc_code_name
-    const [collapsed, setCollapsed] = useState(collapsedFlag);
     function toggleCollapse() {
         setCollapsed(prevValue => !prevValue);
     }
-    function changeOpenDoc(seq){
-        const prevOpenDoc = window.document.getElementsByClassName("openDoc")[0];
-        prevOpenDoc.className = prevOpenDoc.className.replace('openDoc', '');
-        const nextOpenDoc = window.document.getElementById("doc"+seq);
-        nextOpenDoc.className = nextOpenDoc.className+' openDoc';
-    }
 
     if(item.childrens.length > 0){
         const icon1 = collapsed?<AiOutlinePlusSquare />:<AiOutlineMinusSquare />;
@@ -30,7 +19,7 @@ const SbItem = ({item, openDocCode, updateDocCode}) => {
                 <SbTitle depth={item.doc_level} onClick={toggleCollapse}>{icon1}{icon2}&nbsp;{(item.doc_level === 1?'':item.doc_code)+' '+item.doc_code_name}</SbTitle>
                 <SbSub isOpen={collapsed}>
                     {item.childrens.map((child) => (
-                        <SbItem item={child} openDocCode={openDocCode} updateDocCode={updateDocCode} />
+                        <SbItem item={child} />
                     ))}
                 </SbSub>
             </div>
@@ -38,11 +27,15 @@ const SbItem = ({item, openDocCode, updateDocCode}) => {
     }else{
         const icon = <FcFile />;
         return (
-            <SbTitle depth={item.doc_level} id={`doc${item.seq}`} className={item.doc_code === openDocCode?'openDoc':''}>
+            <SbTitle depth={item.doc_level}>
-                <a onClick={()=>{
+                {/*<a onClick={()=>{
-                    changeOpenDoc(item.seq)
+                    navigate('/standardCode/viewer', {
-                    updateDocCode(item.doc_code, item.doc_code_name)
+                        state:{
-                }}>{icon}&nbsp;{(item.doc_level === 1?'':item.doc_code)+' '+item.doc_code_name}</a>
+                            docCode: item.doc_code
+                        }
+                    })
+                }}>{icon}&nbsp;{(item.doc_level === 1?'':item.doc_code)+' '+item.doc_code_name}</a>*/}
+                <SbLink to={"/standardCode/viewer/"+item.doc_code}>{icon}&nbsp;{(item.doc_level === 1?'':item.doc_code)+' '+item.doc_code_name}</SbLink>
             </SbTitle>
         )
     }

egovframe-template-simple-react-contribution/src/pages/standardCode/viewer.js

@@ -1,15 +1,14 @@
 import React, { useState, useEffect, useCallback } from 'react';
 import { useLocation, useParams } from 'react-router-dom';
 import SbItem from './SbItem'
-import {SbContainer, VwDiv, VwPtag} from './Sb.style'
+import {SbContainer} from './Sb.style'
 import Row from 'react-bootstrap/Row';
 import Col from 'react-bootstrap/Col';
 import * as EgovNet from 'api/egovFetch';
 
 function CodeViewer(props) {
-    const {linkedDocCode} = useParams();
+
-    const [docCode, setDocCode] = useState(linkedDocCode !== undefined?linkedDocCode:props.docCode);
+    const [{docCode}, setDocCode] = useState(useParams());
-    const [docName, setDocName] = useState(props.docName);
     const [codeTree, setCodeTree] = useState();
     const [docSummary, setDocSummary] = useState();
     const [docDetail, setDocDetail] = useState();
@@ -21,22 +20,22 @@ function CodeViewer(props) {
     console.log("viewer [location] : ", location);
     console.log("viewer [docCode] : ", docCode);
 
-    const updateDocCode = (docCode, docName)=>{
-        setDocCode(docCode);
-        setDocName(docName);
-        getCodeDetailInfo(docCode);
-    }
 
-    const getCodeTree = ()=>{
+    const retrieveList = useCallback(() => {
-        EgovNet.requestFetch(
+        console.groupCollapsed("EgovMain.retrieveList()");
-            '/standardCode/getCodeTree.do',
+        const retrieveListURL = '/standardCode/viewer.do';
-            {
+        const requestOptions = {
             method: "POST",
             headers: {
                 'Content-type': 'application/json'
             },
-                body: JSON.stringify({})
+            body: JSON.stringify({
-            },
+                docCode: docCode
+            })
+        }
+
+        EgovNet.requestFetch(retrieveListURL,
+            requestOptions,
             (resp) => {
                 const menuData = resp.result.codeTree;
                 // 코드 목록 트리 구성
@@ -49,8 +48,8 @@ function CodeViewer(props) {
                 if(tree.length>0){
                     treeTag.push(
                         <SbContainer>
-                            {tree.map((subItem) =>
+                            {tree.map((subItem, index) =>
-                                <SbItem item={subItem} openDocCode={docCode} updateDocCode={updateDocCode} />
+                                <SbItem item={subItem} key={index} />
                             )}
                         </SbContainer>
                     )
@@ -58,59 +57,18 @@ function CodeViewer(props) {
                     treeTag.push(<div>검색된 결과가 없습니다.</div>); // 코드 목록 초기값
                 }
                 setCodeTree(treeTag);
-            },
-            function (resp) {
-                console.log("err response : ", resp);
-            }
-        );
-    }
 
-    const getCodeDetailInfo = useCallback((docCode) => {
-        console.groupCollapsed("EgovMain.getCodeDetailInfo()");
-        EgovNet.requestFetch(
-            '/standardCode/getCodeDetailInfo.do',
-            {
-                method: "POST",
-                headers: {
-                    'Content-type': 'application/json'
-                },
-                body: JSON.stringify({
-                    docCode: docCode
-                })
-            },
-            (resp) => {
                 // 목차 구성
                 let summaryTag = [];
                 // 문서 전문 구성
                 let detailTag = [];
                 if(resp.result.document.length>0){
-                    const reg = /([A-Z]{3,5}(\s[0-9]{2}){3,4})/g
                     resp.result.document.forEach(function (item, index){
-                        const isTitle = item.full_content.includes(item.group_title);
-                        if(isTitle){
                         summaryTag.push(
-                                <VwDiv depth={item.cont_level} isTitle={isTitle}>
+                            <div>{item.group_title}</div>
-                                    <VwPtag href="#" isTitle={isTitle} onClick={() => {
-                                        document.location.hash="#"+item.cont_type_cd;
-                                    }}>
-                                        {item.group_title}
-                                    </VwPtag>
-                                </VwDiv>
                         )
-                        }
-                        if(reg.test(item.full_content)){
-                            const docCodeAry = item.full_content.match(reg);
-                            const docCodeLink = [];
-                            for(let i=0; i<docCodeAry.length; i++) {
-                                docCodeLink.push('<a class="docLink" href="/standardCode/viewer/' + docCode + '" target="_blank">' + docCode + '</a>')
-                            }
-                            for(let i=0; i<docCodeAry.length; i++){
-                                const docCode = docCodeAry[i];
-                                item.full_content = item.full_content.replaceAll(docCode, docCodeLink[i]);
-                            }
-                        }
                         detailTag.push(
-                            <VwDiv depth={item.cont_level} isTitle={isTitle} id={item.cont_type_cd} dangerouslySetInnerHTML={ {__html: item.full_content} }></VwDiv>
+                            <div dangerouslySetInnerHTML={ {__html: item.full_content} }></div>
                         )
                     })
                 }else{
@@ -123,41 +81,30 @@ function CodeViewer(props) {
                 console.log("err response : ", resp);
             }
         );
-        console.groupEnd("EgovMain.getCodeDetailInfo()");
+        console.groupEnd("EgovMain.retrieveList()");
     },[]);
 
 
     useEffect(() => {
-        getCodeTree();
+        retrieveList();
-        getCodeDetailInfo(docCode);
+    }, [retrieveList]);
-    }, []);
 
     console.log("------------------------------viewer [End]");
     console.groupEnd("viewer");
     return (
-        <Row className="mx-0">
-            <Col xs={12} className="border-bottom">
         <Row>
-                    <Col xs={3}></Col>
+            <Col xs={3} className="border-end">
-                    <Col xs={9}>{docCode} {docName}</Col>
-                </Row>
-            </Col>
-            <Col xs={3} className="border-end viewerDiv">
                 {codeTree}
             </Col>
-            <Col xs={3} className="border-end viewerDiv">
+            <Col xs={3} className="border-end">
                 {docSummary}
             </Col>
-            <Col xs={6} className="viewerDiv">
+            <Col xs={6}>
                 {docDetail}
             </Col>
         </Row>
     );
 }
 
-CodeViewer.defaultProps = {
-    docCode: 'KDS 21 45 00',
-    docName: '가설교량 및 노면복공 설계기준'
-}
 
 export default CodeViewer;

egovframe-template-simple-react-contribution/src/routes/index.jsx

@@ -225,9 +225,8 @@ const SecondRoutes = () => {
 		{/* 사이트관리자 암호 바꾸기 기능 추가 2023.04.15(토) 김일국 */}
 		<Route path={URL.ADMIN_MANAGER} element={<EgovAdminPasswordUpdate />} />
 
-        {/*기준코드 뷰어*/}
+        {/*기준코드*/}
         <Route path={URL.STANDARD_CODE_VIEWER} element={<CodeViewer mode={CODE.MODE_READ} />} />
-        <Route path={URL.STANDARD_CODE_VIEWER_LINK} element={<CodeViewer mode={CODE.MODE_READ} />} />
 
       </Routes>
       <EgovFooter />