viewer.js 수정.

불필요한 useCallback() 삭제.
useEffect() 결합.
한 item에 여러 링크가 있는 경우 반영.

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

@@ -21,13 +21,13 @@ function CodeViewer(props) {
     console.log("viewer [location] : ", location);
     console.log("viewer [docCode] : ", docCode);
 
-    const updateDocCode = useCallback((docCode, docName)=>{
+    const updateDocCode = (docCode, docName)=>{
         setDocCode(docCode);
         setDocName(docName);
         getCodeDetailInfo(docCode);
-    })
+    }
 
-    const getCodeTree = useCallback(()=>{
+    const getCodeTree = ()=>{
         EgovNet.requestFetch(
             '/standardCode/getCodeTree.do',
             {
@@ -63,7 +63,7 @@ function CodeViewer(props) {
                 console.log("err response : ", resp);
             }
         );
-    })
+    }
 
     const getCodeDetailInfo = useCallback((docCode) => {
         console.groupCollapsed("EgovMain.getCodeDetailInfo()");
@@ -99,13 +99,15 @@ function CodeViewer(props) {
                             )
                         }
                         if(reg.test(item.full_content)){
-                            const docCode = item.full_content.match(reg)[0]
+                            const docCodeAry = item.full_content.match(reg);
-                            const content = item.full_content.split(docCode);
+                            const docCodeLink = [];
-                            item.full_content = content[0] +
+                            for(let i=0; i<docCodeAry.length; i++) {
-                                '<a class="docLink" href="/standardCode/viewer/'+docCode+'" target="_blank">'+
+                                docCodeLink.push('<a class="docLink" href="/standardCode/viewer/' + docCode + '" target="_blank">' + docCode + '</a>')
-                                    docCode+
+                            }
-                                '</a>' +
+                            for(let i=0; i<docCodeAry.length; i++){
-                                content[1];
+                                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>
@@ -125,11 +127,9 @@ function CodeViewer(props) {
     },[]);
 
 
-    useEffect(() => {
-        getCodeDetailInfo(docCode);
-    }, []);
     useEffect(() => {
         getCodeTree();
+        getCodeDetailInfo(docCode);
     }, []);
 
     console.log("------------------------------viewer [End]");