From 462cae1cf1feeb0c2585d9b6906d43edb255ecb3 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=EC=9C=A0=EB=AF=BC=ED=98=95?= <mhyu@dbnt.co.kr>
Date: Wed, 20 Dec 2023 18:00:47 +0900
Subject: [PATCH] =?UTF-8?q?=EA=B1=B4=EC=84=A4=EA=B8=B0=EC=A4=80=EC=BD=94?=
 =?UTF-8?q?=EB=93=9C=20=EC=A0=84=EB=AC=B8=EC=8B=9C=EB=B0=A9=EC=84=9C=20?=
 =?UTF-8?q?=ED=95=98=EC=9C=84=ED=83=AD=20=EC=B6=94=EA=B0=80?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../pages/standardCode/StandardCodeList.jsx   | 25 +++++++++++++++++--
 1 file changed, 23 insertions(+), 2 deletions(-)

diff --git a/egovframe-template-simple-react-contribution/src/pages/standardCode/StandardCodeList.jsx b/egovframe-template-simple-react-contribution/src/pages/standardCode/StandardCodeList.jsx
index 4af810b..48d1d25 100644
--- a/egovframe-template-simple-react-contribution/src/pages/standardCode/StandardCodeList.jsx
+++ b/egovframe-template-simple-react-contribution/src/pages/standardCode/StandardCodeList.jsx
@@ -93,6 +93,7 @@ function StandardCodeList(props) {
 
     /* 탭 */
     const [activeTab, setActiveTab] = useState(10);
+    const [subTabsVisible, setSubTabsVisible] = useState(false);
 
     const handleTabClick = (tabName) => {
         setActiveTab(tabName);
@@ -108,6 +109,12 @@ function StandardCodeList(props) {
 
         setSearchCondition(updatedCondition);
         retrieveList(updatedCondition);
+
+        if ([40, 50, 60, 70, 80, 90].includes(tabName)) {
+            setSubTabsVisible(true);
+        } else {
+            setSubTabsVisible(false);
+        }
     };
 
     const retrieveList = useCallback((searchCondition) => {
@@ -270,11 +277,25 @@ function StandardCodeList(props) {
                                 <ul>
                                     <div className={`tab ${activeTab === 10 ? 'active' : ''}`} onClick={() => handleTabClick(10)}>설계기준</div>
                                     <div className={`tab ${activeTab === 20 ? 'active' : ''}`} onClick={() => handleTabClick(20)}>표준시방서</div>
-                                    <div className={`tab ${activeTab === 40 ? 'active' : ''}`} onClick={() => handleTabClick(40)}>전문시방서</div>
-                                    <div className={`tab ${activeTab === 50 ? 'active' : ''}`} onClick={() => handleTabClick(50)}>통합 다운로드</div>
+                                    <div className={`tab ${[40, 50, 60, 70, 80, 90].includes(activeTab) ? 'active' : ''}`} onClick={() => handleTabClick(40)}>전문시방서</div>
+                                    <div className={`tab`}>통합 다운로드</div>
                                 </ul>
                             </div>
                         </div>
+                        {subTabsVisible && (
+                            <div className="right_col">
+                                <div className="mini_board">
+                                    <ul>
+                                        <div className={`tab ${activeTab === 40 ? 'active' : ''}`} onClick={() => handleTabClick(40)}>서울특별시</div>
+                                        <div className={`tab ${activeTab === 50 ? 'active' : ''}`} onClick={() => handleTabClick(50)}>고속도로공사</div>
+                                        <div className={`tab ${activeTab === 60 ? 'active' : ''}`} onClick={() => handleTabClick(60)}>한국농어촌공사</div>
+                                        <div className={`tab ${activeTab === 70 ? 'active' : ''}`} onClick={() => handleTabClick(70)}>철도건설공사</div>
+                                        <div className={`tab ${activeTab === 80 ? 'active' : ''}`} onClick={() => handleTabClick(80)}>LH한국토지주택공사</div>
+                                        <div className={`tab ${activeTab === 90 ? 'active' : ''}`} onClick={() => handleTabClick(90)}>K-Water</div>
+                                    </ul>
+                                </div>
+                            </div>
+                        )}
                         <div><span>resultCnt : {resultCnt}</span></div>
                         {/* <!-- 게시판목록 --> */}
                         <div className="board_list BRD002 code_list">