메뉴관리 작업중.

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

@@ -170,26 +170,22 @@
     .userList .result .list_item > div:nth-child(7) {width: 100px;}
 
     /* 사이트관리 > 환경설정 > 메뉴관리 */
-    .menuList .head > span:nth-child(1) {width: 60px;}
-    .menuList .head > span:nth-child(2) {width: 100px;}
+    .menuList .head > span:nth-child(1) {width: 100px;}
+    .menuList .head > span:nth-child(2) {width: 150px;}
     .menuList .head > span:nth-child(3) {width: 100px;}
-    .menuList .head > span:nth-child(4) {width: 120px;}
+    .menuList .head > span:nth-child(4) {width: 100px;}
     .menuList .head > span:nth-child(5) {width: 100px;}
-    .menuList .head > span:nth-child(6) {width: 100px;}
+    .menuList .head > span:nth-child(6) {width: 200px;}
     .menuList .head > span:nth-child(7) {width: 100px;}
     .menuList .head > span:nth-child(8) {width: 100px;}
-    .menuList .head > span:nth-child(9) {width: 100px;}
-    .menuList .head > span:nth-child(10) {width: 100px;}
-    .menuList .result .list_item > div:nth-child(1) {width: 60px;}
-    .menuList .result .list_item > div:nth-child(2) {width: 100px;}
+    .menuList .result .list_item > div:nth-child(1) {width: 100px;}
+    .menuList .result .list_item > div:nth-child(2) {width: 150px;}
     .menuList .result .list_item > div:nth-child(3) {width: 100px;}
-    .menuList .result .list_item > div:nth-child(4) {width: 120px;}
+    .menuList .result .list_item > div:nth-child(4) {width: 100px;}
     .menuList .result .list_item > div:nth-child(5) {width: 100px;}
-    .menuList .result .list_item > div:nth-child(6) {width: 100px;}
+    .menuList .result .list_item > div:nth-child(6) {width: 200px;}
     .menuList .result .list_item > div:nth-child(7) {width: 100px;}
     .menuList .result .list_item > div:nth-child(8) {width: 100px;}
-    .menuList .result .list_item > div:nth-child(9) {width: 100px;}
-    .menuList .result .list_item > div:nth-child(10) {width: 100px;}
 
     /* 사이트소개 */
     .SITE_INTRO .ds_1 .t_1 {margin-top: 52px; color: #000; font-size: 26px; font-weight: 500; text-align: center;}

egovframe-template-simple-react-contribution/src/pages/admin/config/MenuMgt.jsx

@@ -3,10 +3,62 @@ import {Link} from "react-router-dom";
 import URL from "constants/url";
 
 import { default as EgovLeftNav } from 'components/leftmenu/EgovLeftNavAdmin';
+import * as EgovNet from "../../../api/egovFetch";
 
 
 function MenuMgt({}) {
 
+    const [listTag, setListTag] = useState([]);
+
+    const retrieveList = useCallback(() => {
+        EgovNet.requestFetch(
+            '/admin/config/menu-mgt',
+            {
+                method: "GET"
+            },
+            (resp) => {
+                let mutListTag = [];
+
+                setListTag([]);
+                // 리스트 항목 구성
+                resp.result.menuList.forEach(function (item, index) {
+                    mutListTag.push(
+                        <div className={"list_item"} key={"userListDiv_"+index}>
+                            <div>{item.menuId}</div>
+                            <div>{item.menuTitle}</div>
+                            <div>{item.menuGroup}</div>
+                            <div>{item.menuLevel}</div>
+                            <div>{item.menuSort}</div>
+                            <div>{item.menuUrl}</div>
+                            <div>{item.menuTypeCd}</div>
+                            <div>
+                                <button className={"btn btn_blue_h31 px-1"} onClick={()=>{saveMenu(item.menuId)}}>저장</button>
+                                <button className={"btn btn_red_h31 px-1"} onClick={()=>{removeMenu(item.menuId)}}>삭제</button>
+                            </div>
+                        </div>
+                    );
+                });
+                if(!mutListTag.length) mutListTag.push(<p className="no_data" key="0">검색된 결과가 없습니다.</p>); // 게시판 목록 초기값
+                setListTag(mutListTag);
+            },
+            function (resp) {
+                console.log("err response : ", resp);
+            }
+        );
+    },[]);
+
+    function saveMenu(){
+
+    }
+    
+    function removeMenu(menuId){
+
+    }
+
+    useEffect(()=>{
+        retrieveList();
+    }, [])
+
     return (
         <div className="container">
             <div className="c_wrap">
@@ -38,12 +90,10 @@ function MenuMgt({}) {
                                 <span>정렬</span>
                                 <span>URI</span>
                                 <span>타입</span>
-                                <span>CSS</span>
-                                <span>IMG</span>
-                                <span>삭제</span>
+                                <span></span>
                             </div>
                             <div className="result">
-                                {/*{listTag}*/}
+                                {listTag}
                             </div>
                         </div>
                     </div>

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

@@ -4068,6 +4068,11 @@ date-fns@^2.24.0:
   resolved "https://registry.npmjs.org/date-fns/-/date-fns-2.29.3.tgz"
   integrity sha512-dDCnyH2WnnKusqvZZ6+jA1O51Ibt8ZMRNkDZdyAyK4YfbDwa/cEmuztzG5pk6hqlp9aSBPYcjOlktquahGwGeA==
 
+date-fns@^3.2.0:
+  version "3.2.0"
+  resolved "https://registry.yarnpkg.com/date-fns/-/date-fns-3.2.0.tgz#c97cf685b62c829aa4ecba554e4a51768cf0bffc"
+  integrity sha512-E4KWKavANzeuusPi0jUjpuI22SURAznGkx7eZV+4i6x2A+IZxAMcajgkvuDAU1bg40+xuhW1zRdVIIM/4khuIg==
+
 debug@2.6.9, debug@^2.6.0:
   version "2.6.9"
   resolved "https://registry.npmjs.org/debug/-/debug-2.6.9.tgz"