From 78969ae87e5d268acc09788a9d89a5c2ae4f82b9 Mon Sep 17 00:00:00 2001
From: "Lim\\jun" <juno4325@hotmail.com>
Date: Thu, 13 Jun 2024 17:43:34 +0900
Subject: [PATCH 01/14] =?UTF-8?q?=ED=8D=BC=EB=B8=94=20=EC=97=85=EB=8E=83?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../src/css/base.css                          |   5 +-
 .../src/css/page.css                          |   8 +
 .../src/pages/main/EgovMain.jsx               |  14 +-
 .../standardCode/info/StandardCodeInfo.jsx    | 304 +++++++++++++++++-
 4 files changed, 310 insertions(+), 21 deletions(-)

diff --git a/egovframe-template-simple-react-contribution/src/css/base.css b/egovframe-template-simple-react-contribution/src/css/base.css
index 10f0462..b96a3da 100644
--- a/egovframe-template-simple-react-contribution/src/css/base.css
+++ b/egovframe-template-simple-react-contribution/src/css/base.css
@@ -87,7 +87,7 @@ button {cursor: pointer;}
 .h_50 {height: 50px;}
 .h_100 {height: 100px;}
 .h_300 {height: 300px;}
-.h-100 {height: 100%;}
+/*.h-100 {height: 100%;}*/
 
 .f_11 {font-size: 11px;}
 .f_12 {font-size: 12px;}
@@ -106,10 +106,11 @@ button {cursor: pointer;}
 .pb10 {padding-bottom: 10px !important;}
 
 .bg-fa {background: #FAFAFA !important;}
+.bg-224 {background: #22498E !important;}
 
 .text-4c6 {color: #4C6C84 !important;}
 .text-224 {color: #22498E !important;}
 
 .clickable{cursor: pointer;}
 
-.MuiTab-root.Mui-selected { color: #22498E; }
+/*.MuiTab-root.Mui-selected { color: #22498E; }*/
diff --git a/egovframe-template-simple-react-contribution/src/css/page.css b/egovframe-template-simple-react-contribution/src/css/page.css
index 3e2fe35..60fcde3 100644
--- a/egovframe-template-simple-react-contribution/src/css/page.css
+++ b/egovframe-template-simple-react-contribution/src/css/page.css
@@ -543,3 +543,11 @@
     .docInfoRow > div{--bs-gutter-x: 0.5rem;}
     .bookmarkModalHeader{--bs-modal-title-line-height:1;}
     .optionBtn{--bs-btn-padding-y: 0.1rem;--bs-btn-padding-x: 0.25rem;--bs-btn-font-size: 0.7rem; margin-right: 7px;}
+
+
+    /* 건설기준코드 안내*/
+    .code_border {border: 1px solid #22498E;}
+    .code_circle {width: 100px; height: 100px; border-radius: 50%; background: #E2E9F6; text-align: center; }
+    .code_table {border: 1px solid #222;}
+    .code_table_bottom {border-bottom: 1px solid #EAEAEA;}
+    .code_table_right {border-right: 1px solid #EAEAEA;}
diff --git a/egovframe-template-simple-react-contribution/src/pages/main/EgovMain.jsx b/egovframe-template-simple-react-contribution/src/pages/main/EgovMain.jsx
index 59617e3..5449a29 100644
--- a/egovframe-template-simple-react-contribution/src/pages/main/EgovMain.jsx
+++ b/egovframe-template-simple-react-contribution/src/pages/main/EgovMain.jsx
@@ -346,14 +346,14 @@ function EgovMain(props) {
                                 value={value}
                                 onChange={handleChange}
                                 indicatorColor="secondary"
-                                textColor="secondary"
+                                textColor="#22498E"
                             >
-                                <Tab value={0} {...a11yProps(0)} sx={{ fontSize: value === 0 ? '1.5rem' : '1rem', fontWeight: 700}} label="건설기준고시" wrapped />
-                                <Tab value={1} {...a11yProps(1)} sx={{ fontSize: value === 1 ? '1.5rem' : '1rem', fontWeight: 700}} label="공지사항" />
-                                <Tab value={2} {...a11yProps(2)} sx={{ fontSize: value === 2 ? '1.5rem' : '1rem', fontWeight: 700}} label="위원회 진행현황" />
-                                <Tab value={3} {...a11yProps(3)} sx={{ fontSize: value === 3 ? '1.5rem' : '1rem', fontWeight: 700}} label="건설기준연구" />
-                                <Tab value={4} {...a11yProps(4)} sx={{ fontSize: value === 4 ? '1.5rem' : '1rem', fontWeight: 700}} label="기술자료" />
-                                <Tab value={5} {...a11yProps(5)} sx={{ fontSize: value === 5 ? '1.5rem' : '1rem', fontWeight: 700}} label="보도자료" />
+                                <Tab value={0} {...a11yProps(0)} sx={{ fontSize: value === 0 ? '1.5rem' : '1rem', fontWeight: 700, color: value === 0 ? '#22498E' : 'secondary'}} label="건설기준고시" wrapped />
+                                <Tab value={1} {...a11yProps(1)} sx={{ fontSize: value === 1 ? '1.5rem' : '1rem', fontWeight: 700, color: value === 1 ? '#22498E' : 'secondary'}} label="공지사항" />
+                                <Tab value={2} {...a11yProps(2)} sx={{ fontSize: value === 2 ? '1.5rem' : '1rem', fontWeight: 700, color: value === 2 ? '#22498E' : 'secondary'}} label="위원회 진행현황" />
+                                <Tab value={3} {...a11yProps(3)} sx={{ fontSize: value === 3 ? '1.5rem' : '1rem', fontWeight: 700, color: value === 3 ? '#22498E' : 'secondary'}} label="건설기준연구" />
+                                <Tab value={4} {...a11yProps(4)} sx={{ fontSize: value === 4 ? '1.5rem' : '1rem', fontWeight: 700, color: value === 4 ? '#22498E' : 'secondary'}} label="기술자료" />
+                                <Tab value={5} {...a11yProps(5)} sx={{ fontSize: value === 5 ? '1.5rem' : '1rem', fontWeight: 700, color: value === 5 ? '#22498E' : 'secondary'}} label="보도자료" />
                                 <Tab value="" label="+" sx={{ fontSize: '1.75rem', ml: 'auto' }} onClick={handlePlusClick} />
                             </Tabs>
                         </Box>
diff --git a/egovframe-template-simple-react-contribution/src/pages/standardCode/info/StandardCodeInfo.jsx b/egovframe-template-simple-react-contribution/src/pages/standardCode/info/StandardCodeInfo.jsx
index b0eed43..ed548b5 100644
--- a/egovframe-template-simple-react-contribution/src/pages/standardCode/info/StandardCodeInfo.jsx
+++ b/egovframe-template-simple-react-contribution/src/pages/standardCode/info/StandardCodeInfo.jsx
@@ -34,23 +34,23 @@ function StandardCodeInfo({}){
 
                 <div className="layout">
 
-                    <div className="contents NOTICE_LIST" id="contents">
+                    <div className="contents" id="contents">
                         {/* <!-- 본문 --> */}
                         <h1 className="tit_3">건설기준코드 안내</h1>
 
                         <div className="">
                             <div className="">
-                                <Box sx={{ borderBottom: 2, borderColor: 'divider' }}>
+                                <Box sx={{ borderBottom: 2, borderColor: '#22498E' }}>
                                     <Tabs
                                         value={value}
                                         onChange={handleChange}
                                         indicatorColor="secondary"
-                                        textColor="secondary"
+                                        textColor="#fff"
                                     >
-                                        <Tab value={0} {...a11yProps(0)} sx={{ fontWeight: 700, backgroundColor: value === 3 ? 'primary.main' : 'transparent', color: value === 3 ? 'white' : 'text.primary', }} label="건설기준 코드체계 표준화" wrapped />
-                                        <Tab value={1} {...a11yProps(1)} sx={{ fontWeight: 700 }} label="건설기준코드 개편 효과" />
-                                        <Tab value={2} {...a11yProps(2)} sx={{ fontWeight: 700 }} label="건설기준 코드체계로 개편" />
-                                        <Tab value={3} {...a11yProps(3)} sx={{ fontWeight: 700 }} label="건설기준 코드 현황" />
+                                        <Tab value={0} {...a11yProps(0)} sx={{ fontWeight: 700, border: '1px solid #EAEAEA', backgroundColor: value === 0 ? '#22498E' : '#fff', color: value === 0 ? '#fff' : 'secondary', }} label="건설기준 코드체계 표준화" wrapped />
+                                        <Tab value={1} {...a11yProps(1)} sx={{ fontWeight: 700, border: '1px solid #EAEAEA', backgroundColor: value === 1 ? '#22498E' : '#fff', color: value === 1 ? '#fff' : 'secondary', }} label="건설기준코드 개편 효과" />
+                                        <Tab value={2} {...a11yProps(2)} sx={{ fontWeight: 700, border: '1px solid #EAEAEA', backgroundColor: value === 2 ? '#22498E' : '#fff', color: value === 2 ? '#fff' : 'secondary', }} label="건설기준 코드체계로 개편" />
+                                        <Tab value={3} {...a11yProps(3)} sx={{ fontWeight: 700, border: '1px solid #EAEAEA', backgroundColor: value === 3 ? '#22498E' : '#fff', color: value === 3 ? '#fff' : 'secondary', }} label="건설기준 코드 현황" />
                                     </Tabs>
                                 </Box>
                                 <TabPanel value={value} index={0}>
@@ -68,7 +68,7 @@ function StandardCodeInfo({}){
                                                         <Col>설계기준코드, 표준시방서 두 분류로 코드 통폐합</Col>
                                                     </Row>
                                                 </Col>
-                                                <Col xs={1}><img src={"/assets/images/arrow_right.png"} /></Col>
+                                                <Col xs={1} className={"text-center"}><img src={"/assets/images/arrow_right.png"} /></Col>
                                                 <Col xs={3} className={"text-center"}>
                                                     <Row className={"h_300 align-items-center"}>
                                                         <Col><img src={"/assets/images/code_2.png"} /></Col>
@@ -77,7 +77,7 @@ function StandardCodeInfo({}){
                                                         <Col>공통편, 시설물편, 사업 분야편으로 구분</Col>
                                                     </Row>
                                                 </Col>
-                                                <Col xs={1}><img src={"/assets/images/arrow_right.png"} /></Col>
+                                                <Col xs={1} className={"text-center"}><img src={"/assets/images/arrow_right.png"} /></Col>
                                                 <Col xs={4} className={"text-center"}>
                                                     <Row className={"h_300 align-items-center"}>
                                                         <Col><img src={"/assets/images/code_3.png"} /></Col>
@@ -90,9 +90,289 @@ function StandardCodeInfo({}){
                                         </Col>
                                     </Row>
                                 </TabPanel>
-                                <TabPanel value={value} index={1}>222</TabPanel>
-                                <TabPanel value={value} index={2}>건설기준고시 리스트 출력</TabPanel>
-                                <TabPanel value={value} index={3}>건설기준연구 리스트 출력</TabPanel>
+                                <TabPanel value={value} index={1}>
+                                    <Row className={"h_100 pt-5 mt-5"}>
+                                        <Col xs={2} className={"h-100 pt-5"}>
+                                            <Row>
+                                                <Col className={"code_border"}></Col>
+                                            </Row>
+                                        </Col>
+                                        <Col xs={8} className={"h-100"}>
+                                            <Row>
+                                                <Col xs={2}>
+                                                    <Row>
+                                                        <Col xs={1}>
+                                                            <Row className={"pt-5"}>
+                                                                <Col className={"code_border"}></Col>
+                                                            </Row>
+                                                        </Col>
+                                                        <Col xs={8} className={"code_circle py-4"}>개정 <br />용이성</Col>
+                                                        <Col xs={1}>
+                                                            <Row className={"pt-5"}>
+                                                                <Col className={"code_border"}></Col>
+                                                            </Row>
+                                                        </Col>
+                                                    </Row>
+                                                </Col>
+                                                <Col xs={2}>
+                                                    <Row>
+                                                        <Col xs={1}>
+                                                            <Row className={"pt-5"}>
+                                                                <Col className={"code_border"}></Col>
+                                                            </Row>
+                                                        </Col>
+                                                        <Col xs={8} className={"code_circle py-4"}>중복성 <br />최소화</Col>
+                                                        <Col xs={1}>
+                                                            <Row className={"pt-5"}>
+                                                                <Col className={"code_border"}></Col>
+                                                            </Row>
+                                                        </Col>
+                                                    </Row>
+                                                </Col>
+                                                <Col xs={2}>
+                                                    <Row>
+                                                        <Col xs={1}>
+                                                            <Row className={"pt-5"}>
+                                                                <Col className={"code_border"}></Col>
+                                                            </Row>
+                                                        </Col>
+                                                        <Col xs={8} className={"code_circle py-4"}>상층성 <br />해결</Col>
+                                                        <Col xs={1}>
+                                                            <Row className={"pt-5"}>
+                                                                <Col className={"code_border"}></Col>
+                                                            </Row>
+                                                        </Col>
+                                                    </Row>
+                                                </Col>
+                                                <Col xs={2}>
+                                                    <Row>
+                                                        <Col xs={1}>
+                                                            <Row className={"pt-5"}>
+                                                                <Col className={"code_border"}></Col>
+                                                            </Row>
+                                                        </Col>
+                                                        <Col xs={8} className={"code_circle py-4"}>사용자 <br />편의성</Col>
+                                                        <Col xs={1}>
+                                                            <Row className={"pt-5"}>
+                                                                <Col className={"code_border"}></Col>
+                                                            </Row>
+                                                        </Col>
+                                                    </Row>
+                                                </Col>
+                                                <Col xs={2}>
+                                                    <Row>
+                                                        <Col xs={1}>
+                                                            <Row className={"pt-5"}>
+                                                                <Col className={"code_border"}></Col>
+                                                            </Row>
+                                                        </Col>
+                                                        <Col xs={8} className={"code_circle py-4"}>코드추가 <br />확장성</Col>
+                                                        <Col xs={1}>
+                                                            <Row className={"pt-5"}>
+                                                                <Col className={"code_border"}></Col>
+                                                            </Row>
+                                                        </Col>
+                                                    </Row>
+                                                </Col>
+                                                <Col xs={2}>
+                                                    <Row>
+                                                        <Col xs={1}>
+                                                            <Row className={"pt-5"}>
+                                                                <Col className={"code_border"}></Col>
+                                                            </Row>
+                                                        </Col>
+                                                        <Col xs={8} className={"code_circle py-4"}>성능 <br />중심지향</Col>
+                                                        <Col xs={1}>
+                                                            <Row className={"pt-5"}>
+                                                                <Col className={"code_border"}></Col>
+                                                            </Row>
+                                                        </Col>
+                                                    </Row>
+                                                </Col>
+                                            </Row>
+                                        </Col>
+                                        <Col xs={2} className={"h-100 pt-5"}>
+                                            <Row>
+                                                <Col className={"code_border"}></Col>
+                                            </Row>
+                                        </Col>
+                                    </Row>
+                                </TabPanel>
+                                <TabPanel value={value} index={2}>
+                                    <Row className={"pt-5 mt-5"} className={"text-center align-items-center"}>
+                                        <Col xs={5}>
+                                            <Row>
+                                                <Col className={"f_16 fw-bold py-2"}>코드체계 개편 전</Col>
+                                            </Row>
+                                            <Row>
+                                                <Col className={"code_table"}>
+                                                    <Row className={"code_table_bottom"}>
+                                                        <Col className={"code_table_right p-2"}>현행설계기준 21종</Col>
+                                                        <Col className={"p-2"}>현행시공기준 21종</Col>
+                                                    </Row>
+                                                    <Row className={"text-start"}>
+                                                        <Col className={"code_table_right p-3"}>콘크리트구조 설계기준<br />강구조설계기준 (허용응력설계법)<br />강구조설계기준 (하중저항설계법)<br />구조물기초설계기준<br />
+                                                            건설공사비탈면 설계기준<br />건축구조 설계기준<br />도로교 설계기준 (일반설계법)<br />도로교 설계기준 (한계상태설계법)<br />터널 설계기준<br />
+                                                            도로 설계기준<br />공동구 설계기준<br />철도 설계기준<br />하천 설계기준<br />댐 설계기준<br />항만 및 어항 설계기준<br />건축전기설비 설계기준<br />
+                                                            건축기계설비 설계기준<br />조경 설계기준<br />상수도 시설기준<br />하수도 시설기준<br />농업생산기반정비사업계획 설계기준</Col>
+                                                        <Col className={"p-3"}>가설공사 표준시방서<br />강구조공사 표준시방서<br />건설공사 비탈면 표준시방서<br />건설환경관리 표준시방서<br />건축공사 표준시방서<br />
+                                                            건축기계설비공사 표준시방서 건축전기설비공사 표준시방서<br />공동구 표준시방서<br />농업토목공사 표준시방서<br />도로공사 표준시방서<br />도로교 표준시방서<br />
+                                                            도시철도공사(지하철) 표준시방서<br />산업환경설비공사 표준시방서<br />상수도공사 표준시방서<br />조경공사 표준시방서<br />콘크리트 표준시방서<br />
+                                                            터널 표준시방서<br />토목공사 표준일반시<br />방서하수관거공사 표준시방서<br />하천공사 표준시방서<br />항만 및 어항공사 표준시방서</Col>
+                                                    </Row>
+                                                </Col>
+                                            </Row>
+                                        </Col>
+                                        <Col xs={2}><img src={"/assets/images/arrow_up_right.png"} className={"img-fluid w-25"}/></Col>
+                                        <Col xs={5}>
+                                            <Row>
+                                                <Col className={"f_16 fw-bold py-2"}>코드체계 개편 후</Col>
+                                            </Row>
+                                            <Row>
+                                                <Col className={"code_table"}>
+                                                    <Row className={"code_table_bottom bg-224 text-white"}>
+                                                        <Col xs={2} className={"code_table_right p-2"}></Col>
+                                                        <Col xs={5} className={"code_table_right p-2"}>현행설계기준 21종</Col>
+                                                        <Col xs={5} className={"p-2"}>현행시공기준 21종</Col>
+                                                    </Row>
+                                                    <Row className={"code_table_bottom text-start"}>
+                                                        <Col xs={2} className={"code_table_right p-3 text-center"}>공통편</Col>
+                                                        <Col xs={5} className={"code_table_right p-0"}>
+                                                            <div className={"code_table_bottom p-1"}>공통 설계기준 (KDS 10 00 00)</div>
+                                                            <div className={"code_table_bottom p-1"}>공통 설계기준 (KDS 10 00 00)</div>
+                                                            <div className={"code_table_bottom p-1"}>공통 설계기준 (KDS 10 00 00)</div>
+                                                            <div className={"code_table_bottom p-1"}>공통 설계기준 (KDS 10 00 00)</div>
+                                                            <div className={"code_table_bottom p-1"}>공통 설계기준 (KDS 10 00 00)</div>
+                                                        </Col>
+                                                        <Col xs={5} className={"p-0"}>
+                                                            <div className={"code_table_bottom p-1"}>공통 설계기준 (KDS 10 00 00)</div>
+                                                            <div className={"code_table_bottom p-1"}>공통 설계기준 (KDS 10 00 00)</div>
+                                                            <div className={"code_table_bottom p-1"}>&nbsp;</div>
+                                                            <div className={"code_table_bottom p-1"}>공통 설계기준 (KDS 10 00 00)</div>
+                                                            <div className={"code_table_bottom p-1"}>&nbsp;</div>
+                                                        </Col>
+                                                    </Row>
+                                                    <Row className={"code_table_bottom text-start"}>
+                                                        <Col xs={2} className={"code_table_right p-3 text-center"}>시설물편</Col>
+                                                        <Col xs={5} className={"code_table_right p-0"}>
+                                                            <div className={"code_table_bottom p-1"}>공통 설계기준 (KDS 10 00 00)</div>
+                                                            <div className={"code_table_bottom p-1"}>공통 설계기준 (KDS 10 00 00)</div>
+                                                            <div className={"code_table_bottom p-1"}>공통 설계기준 (KDS 10 00 00)</div>
+                                                            <div className={"code_table_bottom p-1"}>공통 설계기준 (KDS 10 00 00)</div>
+                                                            <div className={"code_table_bottom p-1"}>공통 설계기준 (KDS 10 00 00)</div>
+                                                            <div className={"code_table_bottom p-1"}>공통 설계기준 (KDS 10 00 00)</div>
+                                                        </Col>
+                                                        <Col xs={5} className={"p-0"}>
+                                                            <div className={"code_table_bottom p-1"}>공통 설계기준 (KDS 10 00 00)</div>
+                                                            <div className={"code_table_bottom p-1"}>공통 설계기준 (KDS 10 00 00)</div>
+                                                            <div className={"code_table_bottom p-1"}>공통 설계기준 (KDS 10 00 00)</div>
+                                                            <div className={"code_table_bottom p-1"}>공통 설계기준 (KDS 10 00 00)</div>
+                                                            <div className={"code_table_bottom p-1"}>공통 설계기준 (KDS 10 00 00)</div>
+                                                            <div className={"code_table_bottom p-1"}>공통 설계기준 (KDS 10 00 00)</div>
+                                                        </Col>
+                                                    </Row>
+                                                    <Row className={"text-start"}>
+                                                        <Col xs={2} className={"code_table_right p-3 text-center"}>사업편</Col>
+                                                        <Col xs={5} className={"code_table_right p-0"}>
+                                                            <div className={"code_table_bottom p-1"}>공통 설계기준 (KDS 10 00 00)</div>
+                                                            <div className={"code_table_bottom p-1"}>공통 설계기준 (KDS 10 00 00)</div>
+                                                            <div className={"code_table_bottom p-1"}>공통 설계기준 (KDS 10 00 00)</div>
+                                                            <div className={"code_table_bottom p-1"}>공통 설계기준 (KDS 10 00 00)</div>
+                                                            <div className={"code_table_bottom p-1"}>공통 설계기준 (KDS 10 00 00)</div>
+                                                            <div className={"code_table_bottom p-1"}>공통 설계기준 (KDS 10 00 00)</div>
+                                                            <div className={"code_table_bottom p-1"}>공통 설계기준 (KDS 10 00 00)</div>
+                                                            <div className={"code_table_bottom p-1"}>공통 설계기준 (KDS 10 00 00)</div>
+                                                            <div className={"code_table_bottom p-1"}>공통 설계기준 (KDS 10 00 00)</div>
+                                                            <div className={"code_table_bottom p-1"}>공통 설계기준 (KDS 10 00 00)</div>
+                                                            <div className={"code_table_bottom p-1"}>공통 설계기준 (KDS 10 00 00)</div>
+                                                        </Col>
+                                                        <Col xs={5} className={"p-0"}>
+                                                            <div className={"code_table_bottom p-1"}>공통 설계기준 (KDS 10 00 00)</div>
+                                                            <div className={"code_table_bottom p-1"}>&nbsp;</div>
+                                                            <div className={"code_table_bottom p-1"}>&nbsp;</div>
+                                                            <div className={"code_table_bottom p-1"}>공통 설계기준 (KDS 10 00 00)</div>
+                                                            <div className={"code_table_bottom p-1"}>공통 설계기준 (KDS 10 00 00)</div>
+                                                            <div className={"code_table_bottom p-1"}>공통 설계기준 (KDS 10 00 00)</div>
+                                                            <div className={"code_table_bottom p-1"}>공통 설계기준 (KDS 10 00 00)</div>
+                                                            <div className={"code_table_bottom p-1"}>공통 설계기준 (KDS 10 00 00)</div>
+                                                            <div className={"code_table_bottom p-1"}>공통 설계기준 (KDS 10 00 00)</div>
+                                                            <div className={"code_table_bottom p-1"}>공통 설계기준 (KDS 10 00 00)</div>
+                                                            <div className={"code_table_bottom p-1"}>공통 설계기준 (KDS 10 00 00)</div>
+                                                        </Col>
+                                                    </Row>
+                                                </Col>
+                                            </Row>
+                                        </Col>
+                                    </Row>
+                                </TabPanel>
+                                <TabPanel value={value} index={3}>
+                                    <Row>
+                                        <Col className={"f_16 fw-bold py-2 text-center"}>코드체계 개편 후</Col>
+                                    </Row>
+                                    <Row>
+                                        <Col className={"code_table text-center"}>
+                                            <Row className={"code_table_bottom bg-224 text-white"}>
+                                                <Col xs={2} className={"code_table_right p-2"}>기준명</Col>
+                                                <Col xs={5} className={"code_table_right p-2"}>현행설계기준 21종</Col>
+                                                <Col xs={5} className={"p-2"}>현행시공기준 21종</Col>
+                                            </Row>
+                                            <Row className={"code_table_bottom text-center"}>
+                                                <Col xs={2} className={"code_table_right py-2 text-center"}>공통 설계기준 (KDS 10 00 00)</Col>
+                                                <Col xs={5} className={"code_table_right py-2"}>1</Col>
+                                                <Col xs={5} className={"py-2"}>19</Col>
+                                            </Row>
+                                            <Row className={"code_table_bottom text-center"}>
+                                                <Col xs={2} className={"code_table_right py-2 text-center"}>공통 설계기준 (KDS 10 00 00)</Col>
+                                                <Col xs={5} className={"code_table_right py-2"}>1</Col>
+                                                <Col xs={5} className={"py-2"}>19</Col>
+                                            </Row>
+                                            <Row className={"code_table_bottom text-center"}>
+                                                <Col xs={2} className={"code_table_right py-2 text-center"}>공통 설계기준 (KDS 10 00 00)</Col>
+                                                <Col xs={5} className={"code_table_right py-2"}>1</Col>
+                                                <Col xs={5} className={"py-2"}>19</Col>
+                                            </Row>
+                                            <Row className={"code_table_bottom text-center"}>
+                                                <Col xs={2} className={"code_table_right py-2 text-center"}>공통 설계기준 (KDS 10 00 00)</Col>
+                                                <Col xs={5} className={"code_table_right py-2"}>1</Col>
+                                                <Col xs={5} className={"py-2"}>19</Col>
+                                            </Row>
+                                            <Row className={"code_table_bottom text-center"}>
+                                                <Col xs={2} className={"code_table_right py-2 text-center"}>공통 설계기준 (KDS 10 00 00)</Col>
+                                                <Col xs={5} className={"code_table_right py-2"}>1</Col>
+                                                <Col xs={5} className={"py-2"}>19</Col>
+                                            </Row>
+                                            <Row className={"code_table_bottom text-center"}>
+                                                <Col xs={2} className={"code_table_right py-2 text-center"}>공통 설계기준 (KDS 10 00 00)</Col>
+                                                <Col xs={5} className={"code_table_right py-2"}>1</Col>
+                                                <Col xs={5} className={"py-2"}>19</Col>
+                                            </Row>
+                                            <Row className={"code_table_bottom text-center"}>
+                                                <Col xs={2} className={"code_table_right py-2 text-center"}>공통 설계기준 (KDS 10 00 00)</Col>
+                                                <Col xs={5} className={"code_table_right py-2"}>1</Col>
+                                                <Col xs={5} className={"py-2"}>19</Col>
+                                            </Row>
+                                            <Row className={"code_table_bottom text-center"}>
+                                                <Col xs={2} className={"code_table_right py-2 text-center"}>공통 설계기준 (KDS 10 00 00)</Col>
+                                                <Col xs={5} className={"code_table_right py-2"}>1</Col>
+                                                <Col xs={5} className={"py-2"}>19</Col>
+                                            </Row>
+                                            <Row className={"code_table_bottom text-center"}>
+                                                <Col xs={2} className={"code_table_right py-2 text-center"}>공통 설계기준 (KDS 10 00 00)</Col>
+                                                <Col xs={5} className={"code_table_right py-2"}>1</Col>
+                                                <Col xs={5} className={"py-2"}>19</Col>
+                                            </Row>
+                                            <Row className={"code_table_bottom text-center"}>
+                                                <Col xs={2} className={"code_table_right py-2 text-center"}>합계</Col>
+                                                <Col xs={5} className={"code_table_right py-2"}>100</Col>
+                                                <Col xs={5} className={"py-2"}>1900</Col>
+                                            </Row>
+                                            <Row className={"code_table text-center"}>
+                                                <Col xs={2} className={"code_table_right py-2 text-center"}>총계</Col>
+                                                <Col xs={10} className={"code_table_right py-2"}>19000</Col>
+                                            </Row>
+                                        </Col>
+                                    </Row>
+                                </TabPanel>
                             </div>
                         </div>
 

From ea6f251d16a6f746d8837d78c02132bdb833ebb2 Mon Sep 17 00:00:00 2001
From: "Lim\\jun" <juno4325@hotmail.com>
Date: Thu, 13 Jun 2024 17:44:08 +0900
Subject: [PATCH 02/14] =?UTF-8?q?=ED=8D=BC=EB=B8=94=20=EC=97=85=EB=8E=83?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../src/pages/standardCode/info/StandardCodeInfo.jsx     | 9 ---------
 1 file changed, 9 deletions(-)

diff --git a/egovframe-template-simple-react-contribution/src/pages/standardCode/info/StandardCodeInfo.jsx b/egovframe-template-simple-react-contribution/src/pages/standardCode/info/StandardCodeInfo.jsx
index ed548b5..96e2404 100644
--- a/egovframe-template-simple-react-contribution/src/pages/standardCode/info/StandardCodeInfo.jsx
+++ b/egovframe-template-simple-react-contribution/src/pages/standardCode/info/StandardCodeInfo.jsx
@@ -376,15 +376,6 @@ function StandardCodeInfo({}){
                             </div>
                         </div>
 
-                        {/*<ul className="bl-kcsc guide"><li><p>건설기준 코드체계 표준화</p> <ul className="bl-donut"><li>각각 운영되던 기준들을 통폐합하여 기준간 중복·상충부분을 정비하고, 개정이 용이하도록 코드화 추진</li> <li>*/}
-                        {/*    설계기준코드, 표준시방서 두 분류로 코드 통폐합*/}
-                        {/*    <ul className="row"><li className="col-lg-4">설계기준 <span>KDS(Korean Design Standard)</span></li> <li className="col-lg-4">표준시방서 <span>KCS(Korean Construction Specification)</span></li></ul></li> <li>공통편, 시설물편, 사업 분야편으로 구분</li> <li>*/}
-                        {/*    건설기준 코드번호 예*/}
-                        {/*    <ul className="row"><li className="col-lg-4">대분류(2자리) KDS <span>11</span> 00 00 지반설계</li> <li className="col-lg-4">중분류(2자리) KDS 11 <span>10</span> 00 지반설계일반</li> <li className="col-lg-4">소분류(2자리) KDS 11 10 <span>10</span> 지반계측</li></ul></li></ul></li> <li><p>건설기준코드 개편 효과</p> <ul className="intro-bg-box bl-donut row"><li className="col-lg-2">개정용이성</li> <li className="col-lg-2">중복성 최소화</li> <li className="col-lg-2">상층성 해결</li> <li className="col-lg-2">사용자 편의성</li> <li className="col-lg-2">코드추가 확장성</li> <li className="col-lg-2">성능중심지향</li></ul></li> <li><p>건설기준 코드체계로 개편</p> <ul className="bl-donut"><li>*/}
-                        {/*    현행설계기준 21종*/}
-                        {/*    <ul className="row arrow-process-down"><li className="col-lg-3">콘크리트구조 설계기준</li> <li className="col-lg-3">강구조 설계기준 (허용응력설계법)</li> <li className="col-lg-3">강구조 설계기준 (하중저항설계법)</li> <li className="col-lg-3">구조물기초 설계기준</li> <li className="col-lg-3">건설공사 비탈면 설계기준</li> <li className="col-lg-3">건축구조 설계기준</li> <li className="col-lg-3">도로교 설계기준 (일반설계법)</li> <li className="col-lg-3">도로교 설계기준 (한계상태설계법)</li> <li className="col-lg-3">터널 설계기준</li> <li className="col-lg-3">도로 설계기준</li> <li className="col-lg-3">공동구 설계기준</li> <li className="col-lg-3">철도 설계기준</li> <li className="col-lg-3">하천 설계기준</li> <li className="col-lg-3">댐 설계기준</li> <li className="col-lg-3">항만 및 어항 설계기준</li> <li className="col-lg-3">건축전기설비 설계기준</li> <li className="col-lg-3">건축기계설비 설계기준</li> <li className="col-lg-3">조경 설계기준</li> <li className="col-lg-3">상수도 시설기준</li> <li className="col-lg-3">하수도 시설기준</li> <li className="col-lg-3">농업생산기반정비사업계획 설계기준</li></ul> <div className="table-basic table-horizontal"><table><thead><tr><th colspan="2" className="text-center">설계기준</th></tr></thead> <tbody><tr><th>공통사항</th> <td><ul><li>공통 설계기준 (KDS 10 00 00)</li> <li>지반 설계기준 (KDS 11 00 00)</li> <li>건설측량 설계기준(KDS 12 00 00)</li> <li>구조 설계기준 (KDS 14 00 00)</li> <li>내진 설계기준 (KDS 17 00 00)</li></ul></td></tr> <tr><th>시설물편</th> <td><ul><li>가시설물 설계기준(KDS 21 00 00)</li> <li>교량 설계기준 (KDS 24 00 00)</li> <li>터널 설계기준 (KDS 27 00 00)</li> <li>공동구 설계기준 (KDS 29 00 00)</li> <li>설비 설계기준 (KDS 31 00 00)</li> <li>조경 설계기준 (KDS 34 00 00)</li></ul></td></tr> <tr><th>사업분야편</th> <td><ul><li>건축 구조기준 (KDS 41 00 00)</li> <li>소규모 건축 구조기준 (KDS 42 00 00)</li> <li>특수목적 건축기준 (KDS 43 00 00)</li> <li>도로 설계기준 (KDS 44 00 00)</li> <li>철도 설계기준 (KDS 47 00 00)</li> <li>하천 설계기준 (KDS 51 00 00)</li> <li>댐 설계기준 (KDS 54 00 00)</li> <li>상수도 설계기준(KDS 57 00 00)</li> <li>하수도 설계기준(KDS 61 00 00)</li> <li>항만 및 어항 설계기준(KDS 64 00 00)</li> <li>농업생산기반시설 설계기준 (KDS 67 00 00)</li></ul></td></tr></tbody></table></div></li> <li>*/}
-                        {/*    현행시공기준 21종*/}
-                        {/*    <ul className="row arrow-process-down"><li className="col-lg-3">가설공사 표준시방서</li> <li className="col-lg-3">강구조공사 표준시방서</li> <li className="col-lg-3">건설공사 비탈면 표준시방서</li> <li className="col-lg-3">건설환경관리 표준시방서</li> <li className="col-lg-3">건축공사 표준시방서</li> <li className="col-lg-3">건축기계설비공사 표준시방서</li> <li className="col-lg-3">건축전기설비공사 표준시방서</li> <li className="col-lg-3">공동구 표준시방서</li> <li className="col-lg-3">농업토목공사 표준시방서</li> <li className="col-lg-3">도로공사 표준시방서</li> <li className="col-lg-3">도로교 표준시방서</li> <li className="col-lg-3">도시철도공사(지하철) 표준시방서</li> <li className="col-lg-3">산업환경설비공사 표준시방서</li> <li className="col-lg-3">상수도공사 표준시방서</li> <li className="col-lg-3">조경공사 표준시방서</li> <li className="col-lg-3">콘크리트 표준시방서</li> <li className="col-lg-3">터널 표준시방서</li> <li className="col-lg-3">토목공사 표준일반시방서</li> <li className="col-lg-3">하수관거공사 표준시방서</li> <li className="col-lg-3">하천공사 표준시방서</li> <li className="col-lg-3">항만 및 어항공사 표준시방서</li></ul> <div className="table-basic table-horizontal"><table><thead><tr><th colspan="2" className="text-center">표준시방서코드</th></tr></thead> <tbody><tr><th>공통사항</th> <td><ul><li>공통공사 (KCS 10 00 00)</li> <li>지반공사 (KCS 11 00 00)</li> <li>구조재료공사 (KCS 14 00 00)</li></ul></td></tr> <tr><th>시설물편</th> <td><ul><li>가설공사 (KCS 21 00 00)</li> <li>교량공사 (KCS 24 00 00)</li> <li>터널공사 (KCS 27 00 00)</li> <li>공동구공사 (KCS 29 00 00)</li> <li>설비공사 (KCS 31 00 00)</li> <li>조경공사 (KCS 34 00 00)</li></ul></td></tr> <tr><th>사업분야편</th> <td><ul><li>건축공사 (KCS 41 00 00)</li> <li>도로공사 (KCS 44 00 00)</li> <li>철도공사 (KCS 47 00 00)</li> <li>하천공사 (KCS 51 00 00)</li> <li>댐공사 (KCS 54 00 00)</li> <li>상수도공사 (KCS 57 00 00)</li> <li>하수도공사 (KCS 61 00 00)</li> <li>항만 및 어항공사 (KCS 64 00 00)</li> <li>농업생산기반정비공사 (KCS 67 00 00)</li></ul></td></tr></tbody></table></div></li></ul></li> <li id="code"><p>건설기준 코드 현황</p> <ul className="bl-donut"><li className="background-none"><div className="table-basic table-horizontal table-sm"><table><thead><tr><th className="text-center col-lg-3">기준 명</th> <th className="text-center col-lg-4">설계기준(KDS)</th> <th className="text-center col-lg-4">표준시방서(KCS)</th></tr></thead> <tbody><tr><th className="text-center">공통 (KDS/KCS 10 00 00)</th> <td className="text-center">1</td> <td className="text-center">19</td></tr> <tr><th className="text-center">지반 (KDS/KCS 11 00 00)</th> <td className="text-center">20/<font color="red">3</font></td> <td className="text-center">49/<font color="red">1</font></td></tr> <tr><th className="text-center">건설측량 (KDS/KCS 12 00 00)</th> <td className="text-center">10</td> <td className="text-center">/<font color="red"></font></td></tr> <tr><th className="text-center">구조 (KDS/KCS 14 00 00)</th> <td className="text-center">32</td> <td className="text-center">34</td></tr> <tr><th className="text-center">내진 (KDS/KCS 17 00 00)</th> <td className="text-center">1</td> <td className="text-center">0</td></tr> <tr><th className="text-center">가설 (KDS/KCS 21 00 00)</th> <td className="text-center">5</td> <td className="text-center">18</td></tr> <tr><th className="text-center">교량 (KDS/KCS 24 00 00)</th> <td className="text-center">27</td> <td className="text-center">43</td></tr> <tr><th className="text-center">터널 (KDS/KCS 27 00 00)</th> <td className="text-center">13</td> <td className="text-center">12</td></tr> <tr><th className="text-center">공동구 (KDS/KCS 29 00 00)</th> <td className="text-center">5</td> <td className="text-center">5</td></tr> <tr><th className="text-center">설비 (KDS/KCS 31 00 00)</th> <td className="text-center">52/<font color="red">4</font></td> <td className="text-center">124/<font color="red">3</font></td></tr> <tr><th className="text-center">조경 (KDS/KCS 34 00 00)</th> <td className="text-center">38</td> <td className="text-center">34</td></tr> <tr><th className="text-center">건축 (KDS/KCS 41 00 00)</th> <td className="text-center">42</td> <td className="text-center">154</td></tr> <tr><th className="text-center">소규모 건축 (KDS/KCS 42 00 00)</th> <td className="text-center">7</td> <td className="text-center">/<font color="red"></font></td></tr> <tr><th className="text-center">특수목적 건축 (KDS/KCS 43 00 00)</th> <td className="text-center">3</td> <td className="text-center">/<font color="red"></font></td></tr> <tr><th className="text-center">도로 (KDS/KCS 44 00 00)</th> <td className="text-center">28</td> <td className="text-center">26</td></tr> <tr><th className="text-center">철도 (KDS/KCS 47 00 00)</th> <td className="text-center">63</td> <td className="text-center">26</td></tr> <tr><th className="text-center">하천 (KDS/KCS 51 00 00)</th> <td className="text-center">43</td> <td className="text-center">25/<font color="red">2</font></td></tr> <tr><th className="text-center">댐 (KDS/KCS 54 00 00)</th> <td className="text-center">15</td> <td className="text-center">18</td></tr> <tr><th className="text-center">상수도 (KDS/KCS 57 00 00)</th> <td className="text-center">0/<font color="red">10</font></td> <td className="text-center">0/<font color="red">64</font></td></tr> <tr><th className="text-center">하수도 (KDS/KCS 61 00 00)</th> <td className="text-center">9</td> <td className="text-center">40</td></tr> <tr><th className="text-center">농업생산기반시설 (KDS/KCS 67 00 00)</th> <td className="text-center">92/<font color="red">4</font></td> <td className="text-center">46</td></tr> <tr><th className="text-center">합계</th> <td className="text-center">506/<font color="red">21</font></td> <td className="text-center">673/<font color="red">70</font></td></tr> <tr><th className="text-center">총계</th> <td colspan="2" className="text-center">1179/<font color="red">91</font></td></tr></tbody></table></div></li></ul></li></ul>*/}
                     </div>
                 </div>
             </div>

From 0f48281a0c5d64ed616391733d6f8afac3f85bb5 Mon Sep 17 00:00:00 2001
From: "Lim\\jun" <juno4325@hotmail.com>
Date: Mon, 17 Jun 2024 11:47:35 +0900
Subject: [PATCH 03/14] =?UTF-8?q?=ED=8D=BC=EB=B8=94=20=EC=97=85=EB=8E=83?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../src/css/page.css                          |  11 ++
 .../src/pages/main/EgovMain.jsx               |   8 +-
 .../pages/standardCode/StandardCodeTerm.jsx   | 174 +++++++++++++++++-
 3 files changed, 187 insertions(+), 6 deletions(-)

diff --git a/egovframe-template-simple-react-contribution/src/css/page.css b/egovframe-template-simple-react-contribution/src/css/page.css
index 60fcde3..e52dc10 100644
--- a/egovframe-template-simple-react-contribution/src/css/page.css
+++ b/egovframe-template-simple-react-contribution/src/css/page.css
@@ -434,6 +434,17 @@
     .BRD014 .result .list_item1 > div:nth-child(2) {width: 35%; border-right: 2px solid #657E9E;}
     .BRD014 .result .list_item1 > div:nth-child(3) {width: 35%; }
 
+    /* 사용자 건설기준 용어 */
+    .BRD015 .head > span:nth-child(1) {position: relative; width: 20%; }
+    .BRD015 .head > span:nth-child(2) {position: relative; width: 20%; }
+    .BRD015 .head > span:nth-child(3) {position: relative; width: 30%; }
+    .BRD015 .head > span:nth-child(4) {position: relative; width: 30%; }
+    .BRD015 .head > span:nth-child(-n+3)::after {position: absolute; content: ''; right: 0; bottom: 0; height: 50%; border-right: 1px solid #B5B5B5;}
+    .BRD015 .result .list_item > div:nth-child(1) {width: 20%; text-align: left; padding-left: 5px;}
+    .BRD015 .result .list_item > div:nth-child(2) {width: 20%; text-align: left; padding-left: 5px;}
+    .BRD015 .result .list_item > div:nth-child(3) {width: 30%; text-align: left; padding-left: 5px;}
+    .BRD015 .result .list_item > div:nth-child(4) {width: 30%; text-align: left; padding-left: 5px;}
+
 
     /* 찾아오시는길 */
     .SITE_CONTACT_US .map {margin-top: 43px;}
diff --git a/egovframe-template-simple-react-contribution/src/pages/main/EgovMain.jsx b/egovframe-template-simple-react-contribution/src/pages/main/EgovMain.jsx
index 5449a29..8dc06bf 100644
--- a/egovframe-template-simple-react-contribution/src/pages/main/EgovMain.jsx
+++ b/egovframe-template-simple-react-contribution/src/pages/main/EgovMain.jsx
@@ -274,28 +274,28 @@ function EgovMain(props) {
                         </Row>
                         <Row>
                             <Col>
-                                <Link to={URL.STANDARD_CODE_LIST} className="link-wrapper">
+                                <Link to={URL.STANDARD_CODE_OLD} className="link-wrapper">
                                     <div className={"topbox_13"}><img src="/assets/images/ico-landing5.png" /></div>
                                     <div className={"topbox_14"}>훈령/예규/지침</div>
                                     {/*<div className={"topbox_15"}><Button type={"button"} className={"btn btn-22498E px-3"}>바로가기</Button> </div>*/}
                                 </Link>
                             </Col>
                             <Col>
-                                <Link to={URL.STANDARD_CODE_INFO} className="link-wrapper">
+                                <Link to={URL.STANDARD_CODE_ENG} className="link-wrapper">
                                     <div className={"topbox_13"}><img src="/assets/images/ico-landing6.png" /></div>
                                     <div className={"topbox_14"}>영문건설기준</div>
                                     {/*<div className={"topbox_15"}><Button type={"button"} className={"btn btn-22498E px-3"}>바로가기</Button> </div>*/}
                                 </Link>
                             </Col>
                             <Col>
-                                <Link to={URL.COMMITTEE_SCHEDULE} className="link-wrapper">
+                                <Link to={URL.STANDARD_CODE_TERM} className="link-wrapper">
                                     <div className={"topbox_13"}><img src="/assets/images/ico-landing8.png" /></div>
                                     <div className={"topbox_14"}>건설기준용어</div>
                                     {/*<div className={"topbox_15"}><Button type={"button"} className={"btn btn-22498E px-3"}>바로가기</Button> </div>*/}
                                 </Link>
                             </Col>
                             <Col>
-                                <Link to={URL.STANDARD_CODE_LIST + '/5000'} className="link-wrapper">
+                                <Link to={URL.SUPPORT_API} className="link-wrapper">
                                     <div className={"topbox_13"}><img src="/assets/images/ico-landing10.png" /></div>
                                     <div className={"topbox_14"}>API 서비스</div>
                                     {/*<div className={"topbox_15"}><Button type={"button"} className={"btn btn-22498E px-3"}>바로가기</Button> </div>*/}
diff --git a/egovframe-template-simple-react-contribution/src/pages/standardCode/StandardCodeTerm.jsx b/egovframe-template-simple-react-contribution/src/pages/standardCode/StandardCodeTerm.jsx
index dc92530..89f85e4 100644
--- a/egovframe-template-simple-react-contribution/src/pages/standardCode/StandardCodeTerm.jsx
+++ b/egovframe-template-simple-react-contribution/src/pages/standardCode/StandardCodeTerm.jsx
@@ -2,12 +2,182 @@ import React, { useState } from 'react';
 import {Link, useLocation, useNavigate} from 'react-router-dom';
 import * as EgovNet from 'api/egovFetch';
 
+import URL from "constants/url";
+import Row from "react-bootstrap/Row";
+import Col from "react-bootstrap/Col";
+import Modal from 'react-bootstrap/Modal';
+
 function CodeTerm(){
+    const [show, setShow] = useState(false);
+    const [modalContent, setModalContent] = useState({});
+    const handleClose = () => setShow(false);
+    const handleShow = (content) => {
+        setModalContent(content);
+        setShow(true);
+    };
 
-
+    const items = [
+        {
+            id: 1,
+            modalTitleKo: '약전설비',
+            modalTitleEn: 'small-power electric facilities',
+            modalTitleHan: '',
+            modalTitleSources: 'KCS 32 35 40',
+            modalContentKo: '사용전압이 50 V 이하(SLV: Safety Low Voltage)인 전기설비',
+            modalContentEn: 'Electrical facilities whose operating voltage is 50 V or less (SLV: Safety Low Voltage).',
+            modalTitleField: '전기설비',
+            modalTitleGroup: '한국조명전기설비학회',
+        },
+        {
+            id: 2,
+            modalTitleKo: '약전설비',
+            modalTitleEn: 'small-power electric facilities',
+            modalTitleHan: '',
+            modalTitleSources: 'KCS 32 35 40',
+            modalContentKo: '예산절감을 위한 건설기준 개정 연구',
+            modalContentEn: '예산절감을 위한 건설기준 개정 연구',
+            modalTitleField: '전기설비',
+            modalTitleGroup: '한국조명전기설비학회',
+        },
+        // 더 많은 항목을 추가
+    ];
 
     return (
-        <div>건설기준코드 용어</div>
+        <div className="container">
+            <div className="c_wrap">
+                {/* <!-- Location --> */}
+                <div className="location">
+                    <ul>
+                        <li><Link to={URL.MAIN} className="home" >Home</Link></li>
+                        <li><Link to={URL.SUPPORT_LIST_NOCODE+'/KCSC-NTC'}>정보제공</Link></li>
+                        <li>건설기준용어</li>
+                    </ul>
+                </div>
+                {/* <!--// Location --> */}
+
+                <div className="layout">
+                    <div className="contents QNA_LIST" id="contents">
+                        {/* <!-- 본문 --> */}
+                        <h1 className="tit_3">건설기준 용어</h1>
+
+                        {/* <!-- 검색조건 --> */}
+                        <div className="condition1">
+                            <ul>
+                                <li className="">
+                                    <label className="" htmlFor="search_select">
+                                        <select defaultValue={"0"} name="search_select" id="search_select" className="form-select shadow-none" >
+                                            <option value="0">전체</option>
+                                            <option value="1">가설</option>
+                                            <option value="2">건축</option>
+                                            <option value="3">공동구</option>
+                                            {/*기타등등....*/}
+                                        </select>
+                                    </label>
+                                </li>
+                                <li className="">
+                                    <input type="text" name="" placeholder="" className="form-control shadow-none rounded-2" />
+                                </li>
+                                <li className="">
+                                    <button type="button" className="btn btn-outline-secondary px-4">검색</button>
+                                </li>
+                            </ul>
+                        </div>
+                        {/* <!--// 검색조건 --> */}
+
+                        {/* <!-- 게시판목록 --> */}
+                        <div className="board_list BRD015">
+                            <div className="head">
+                                <span>국문용어</span>
+                                <span>영문용어</span>
+                                <span>국문용어 정의</span>
+                                <span>영문용어 정의</span>
+                            </div>
+                            <div className="result">
+                                {/* <!-- case : 데이터 없을때 --> */}
+                                {/* <p className="no_data" key="0">검색된 결과가 없습니다.</p> */}
+
+                                {/* <!-- case : 데이터 있을때 --> */}
+                                {items.map(item => (
+                                    <React.Fragment key={item.id}>
+                                        <Link to="" className="list_item" onClick={() => handleShow({ titleKo: item.modalTitleKo, titleEn: item.modalTitleEn, contentKo: item.modalContentKo, contentEn: item.modalContentEn })}>
+                                            <div>{item.modalTitleKo}</div>
+                                            <div>{item.modalTitleEn}</div>
+                                            <div>{item.modalContentKo}</div>
+                                            <div>{item.modalContentEn}</div>
+                                        </Link>
+                                    </React.Fragment>
+                                ))}
+                                <Link to="" className="list_item">
+                                    <div>약전설비</div>
+                                    <div>small-power electric facilities</div>
+                                    <div>사용전압이 50 V 이하(SLV: Safety Low Voltage)인 전기설비</div>
+                                    <div>Electrical facilities whose operating voltage is 50 V or less (SLV: Safety Low Voltage).</div>
+                                </Link>
+                                <Link to="" className="list_item">
+                                    <div>약전설비</div>
+                                    <div>small-power electric facilities</div>
+                                    <div>사용전압이 50 V 이하(SLV: Safety Low Voltage)인 전기설비</div>
+                                    <div>Electrical facilities whose operating voltage is 50 V or less (SLV: Safety Low Voltage).</div>
+                                </Link>
+                            </div>
+                        </div>
+                        {/* <!--// 게시판목록 --> */}
+
+                        <Row className="board_bot justify-content-between">
+                            <Col xs={3} className=""></Col>
+                            {/* <!-- Paging --> */}
+                            <Col xs={6} className="paging">
+                                <ul>
+                                    <li className="btn"><button to="" className="first">처음</button></li>
+                                    <li className="btn"><button to="" className="prev">이전</button></li>
+                                    <li><button to="" className="cur">1</button></li>
+                                    <li><button to="">2</button></li>
+                                    <li><button to="">3</button></li>
+                                    <li><button to="">4</button></li>
+                                    <li><button to="">5</button></li>
+                                    <li><button to="">6</button></li>
+                                    <li><button to="">7</button></li>
+                                    <li><button to="">8</button></li>
+                                    <li><button to="">9</button></li>
+                                    <li><button to="">10</button></li>
+                                    <li className="btn"><button to="" className="next">다음</button></li>
+                                    <li className="btn"><button to="" className="last">마지막</button></li>
+                                </ul>
+                            </Col>
+                            {/* <!--/ Paging --> */}
+
+                            <Col xs={3} className="text-end"></Col>
+                        </Row>
+
+                        {/* <!--// 본문 --> */}
+                    </div>
+                </div>
+            </div>
+
+            <Modal show={show} onHide={handleClose}>
+                <Modal.Header closeButton>
+                    <Modal.Title>용어설명</Modal.Title>
+                </Modal.Header>
+                <Modal.Body className={"px-4"}>
+                    <Row className={"py-2 border-bottom"}>
+                        <Col xs={3} className="text-start">국문용어</Col>
+                        <Col xs={9} className="text-start">{modalContent.titleKo}</Col>
+                    </Row>
+                    <Row className={"py-2 border-bottom"}>
+                        <Col xs={3} className="text-start">영문용어</Col>
+                        <Col xs={9} className="text-start">{modalContent.titleEn}</Col>
+                    </Row>
+                    <Row className={"py-2 border-bottom"}>
+                        <Col xs={3} className="text-start">국문용어 정의</Col>
+                        <Col xs={9} className="text-start">{modalContent.contentKo}</Col>
+                    </Row>
+                    <Row className={"py-2 border-bottom"}>
+                        <Col xs={3} className="text-start">영문용어 정의</Col>
+                        <Col xs={9} className="text-start">{modalContent.contentKo}</Col>
+                    </Row>
+                </Modal.Body>
+            </Modal>
+        </div>
     );
 }
 

From d60de9a9e7ea9ff0ceaa0c49784fd6a5c1e81ccf Mon Sep 17 00:00:00 2001
From: "Lim\\jun" <juno4325@hotmail.com>
Date: Mon, 17 Jun 2024 13:53:24 +0900
Subject: [PATCH 04/14] =?UTF-8?q?=ED=8D=BC=EB=B8=94=20=EC=97=85=EB=8E=83?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../src/pages/committee/Progress.jsx          | 23 +++++++++++++++++-
 .../src/pages/committee/Schedule.jsx          | 23 +++++++++++++++++-
 .../src/pages/main/EgovMain.jsx               |  4 ----
 .../pages/standardCode/StandardCodeOld.jsx    | 24 ++++++++++++++++++-
 .../src/pages/support/Api.jsx                 | 23 +++++++++++++++++-
 .../src/pages/support/Site.jsx                | 23 +++++++++++++++++-
 6 files changed, 111 insertions(+), 9 deletions(-)

diff --git a/egovframe-template-simple-react-contribution/src/pages/committee/Progress.jsx b/egovframe-template-simple-react-contribution/src/pages/committee/Progress.jsx
index 925c320..0cb18dd 100644
--- a/egovframe-template-simple-react-contribution/src/pages/committee/Progress.jsx
+++ b/egovframe-template-simple-react-contribution/src/pages/committee/Progress.jsx
@@ -1,13 +1,34 @@
 import React, { useState } from 'react';
 import {Link, useLocation, useNavigate} from 'react-router-dom';
 import * as EgovNet from 'api/egovFetch';
+import URL from "../../constants/url";
 
 function Progress(){
 
 
 
     return (
-        <div>위원회 - 진행현황</div>
+        <div className="container">
+            <div className="c_wrap">
+                {/* <!-- Location --> */}
+                <div className="location">
+                    <ul>
+                        <li><Link to={URL.MAIN} className="home" >Home</Link></li>
+                        <li><Link to={URL.COMMITTEE}>건설기준위원회</Link></li>
+                        <li>진행현황</li>
+                    </ul>
+                </div>
+                {/* <!--// Location --> */}
+
+                <div className="layout">
+
+                    <div className="contents" id="contents">
+                        {/* <!-- 본문 --> */}
+                        <h1 className="tit_3">진행현황</h1>
+                    </div>
+                </div>
+            </div>
+        </div>
     );
 }
 
diff --git a/egovframe-template-simple-react-contribution/src/pages/committee/Schedule.jsx b/egovframe-template-simple-react-contribution/src/pages/committee/Schedule.jsx
index 512f222..46edaa3 100644
--- a/egovframe-template-simple-react-contribution/src/pages/committee/Schedule.jsx
+++ b/egovframe-template-simple-react-contribution/src/pages/committee/Schedule.jsx
@@ -1,13 +1,34 @@
 import React, { useState } from 'react';
 import {Link, useLocation, useNavigate} from 'react-router-dom';
 import * as EgovNet from 'api/egovFetch';
+import URL from "../../constants/url";
 
 function Schedule(){
 
 
 
     return (
-        <div>위원회 - 위원회일정</div>
+        <div className="container">
+            <div className="c_wrap">
+                {/* <!-- Location --> */}
+                <div className="location">
+                    <ul>
+                        <li><Link to={URL.MAIN} className="home" >Home</Link></li>
+                        <li><Link to={URL.COMMITTEE}>건설기준위원회</Link></li>
+                        <li>위원회일정</li>
+                    </ul>
+                </div>
+                {/* <!--// Location --> */}
+
+                <div className="layout">
+
+                    <div className="contents" id="contents">
+                        {/* <!-- 본문 --> */}
+                        <h1 className="tit_3">위원회일정</h1>
+                    </div>
+                </div>
+            </div>
+        </div>
     );
 }
 
diff --git a/egovframe-template-simple-react-contribution/src/pages/main/EgovMain.jsx b/egovframe-template-simple-react-contribution/src/pages/main/EgovMain.jsx
index 8dc06bf..7a1ce51 100644
--- a/egovframe-template-simple-react-contribution/src/pages/main/EgovMain.jsx
+++ b/egovframe-template-simple-react-contribution/src/pages/main/EgovMain.jsx
@@ -277,28 +277,24 @@ function EgovMain(props) {
                                 <Link to={URL.STANDARD_CODE_OLD} className="link-wrapper">
                                     <div className={"topbox_13"}><img src="/assets/images/ico-landing5.png" /></div>
                                     <div className={"topbox_14"}>훈령/예규/지침</div>
-                                    {/*<div className={"topbox_15"}><Button type={"button"} className={"btn btn-22498E px-3"}>바로가기</Button> </div>*/}
                                 </Link>
                             </Col>
                             <Col>
                                 <Link to={URL.STANDARD_CODE_ENG} className="link-wrapper">
                                     <div className={"topbox_13"}><img src="/assets/images/ico-landing6.png" /></div>
                                     <div className={"topbox_14"}>영문건설기준</div>
-                                    {/*<div className={"topbox_15"}><Button type={"button"} className={"btn btn-22498E px-3"}>바로가기</Button> </div>*/}
                                 </Link>
                             </Col>
                             <Col>
                                 <Link to={URL.STANDARD_CODE_TERM} className="link-wrapper">
                                     <div className={"topbox_13"}><img src="/assets/images/ico-landing8.png" /></div>
                                     <div className={"topbox_14"}>건설기준용어</div>
-                                    {/*<div className={"topbox_15"}><Button type={"button"} className={"btn btn-22498E px-3"}>바로가기</Button> </div>*/}
                                 </Link>
                             </Col>
                             <Col>
                                 <Link to={URL.SUPPORT_API} className="link-wrapper">
                                     <div className={"topbox_13"}><img src="/assets/images/ico-landing10.png" /></div>
                                     <div className={"topbox_14"}>API 서비스</div>
-                                    {/*<div className={"topbox_15"}><Button type={"button"} className={"btn btn-22498E px-3"}>바로가기</Button> </div>*/}
                                 </Link>
                             </Col>
                         </Row>
diff --git a/egovframe-template-simple-react-contribution/src/pages/standardCode/StandardCodeOld.jsx b/egovframe-template-simple-react-contribution/src/pages/standardCode/StandardCodeOld.jsx
index 186850e..1209a6a 100644
--- a/egovframe-template-simple-react-contribution/src/pages/standardCode/StandardCodeOld.jsx
+++ b/egovframe-template-simple-react-contribution/src/pages/standardCode/StandardCodeOld.jsx
@@ -2,12 +2,34 @@ import React, { useState } from 'react';
 import {Link, useLocation, useNavigate} from 'react-router-dom';
 import * as EgovNet from 'api/egovFetch';
 
+import URL from "constants/url";
+
 function CodeOld(){
 
 
 
     return (
-        <div>12(구) 건설기준코드</div>
+        <div className="container">
+            <div className="c_wrap">
+                {/* <!-- Location --> */}
+                <div className="location">
+                    <ul>
+                        <li><Link to={URL.MAIN} className="home" >Home</Link></li>
+                        <li><Link to={URL.STANDARD_CODE_LIST}>건설기준코드</Link></li>
+                        <li>(구)건설기준</li>
+                    </ul>
+                </div>
+                {/* <!--// Location --> */}
+
+                <div className="layout">
+
+                    <div className="contents" id="contents">
+                        {/* <!-- 본문 --> */}
+                        <h1 className="tit_3">(구)건설기준</h1>
+                    </div>
+                </div>
+            </div>
+        </div>
     );
 }
 
diff --git a/egovframe-template-simple-react-contribution/src/pages/support/Api.jsx b/egovframe-template-simple-react-contribution/src/pages/support/Api.jsx
index 4074f50..759a2db 100644
--- a/egovframe-template-simple-react-contribution/src/pages/support/Api.jsx
+++ b/egovframe-template-simple-react-contribution/src/pages/support/Api.jsx
@@ -1,13 +1,34 @@
 import React, { useState } from 'react';
 import {Link, useLocation, useNavigate} from 'react-router-dom';
 import * as EgovNet from 'api/egovFetch';
+import URL from "../../constants/url";
 
 function API(){
 
 
 
     return (
-        <div>API 서비스</div>
+        <div className="container">
+            <div className="c_wrap">
+                {/* <!-- Location --> */}
+                <div className="location">
+                    <ul>
+                        <li><Link to={URL.MAIN} className="home" >Home</Link></li>
+                        <li><Link to={URL.SUPPORT_LIST_NOCODE+'/KCSC-NTC'}>정보제공</Link></li>
+                        <li>API 서비스</li>
+                    </ul>
+                </div>
+                {/* <!--// Location --> */}
+
+                <div className="layout">
+
+                    <div className="contents" id="contents">
+                        {/* <!-- 본문 --> */}
+                        <h1 className="tit_3">API 서비스</h1>
+                    </div>
+                </div>
+            </div>
+        </div>
     );
 }
 
diff --git a/egovframe-template-simple-react-contribution/src/pages/support/Site.jsx b/egovframe-template-simple-react-contribution/src/pages/support/Site.jsx
index 15aeda3..76f2ad4 100644
--- a/egovframe-template-simple-react-contribution/src/pages/support/Site.jsx
+++ b/egovframe-template-simple-react-contribution/src/pages/support/Site.jsx
@@ -1,13 +1,34 @@
 import React, { useState } from 'react';
 import {Link, useLocation, useNavigate} from 'react-router-dom';
 import * as EgovNet from 'api/egovFetch';
+import URL from "../../constants/url";
 
 function Site(){
 
 
 
     return (
-        <div>관련사이트</div>
+        <div className="container">
+            <div className="c_wrap">
+                {/* <!-- Location --> */}
+                <div className="location">
+                    <ul>
+                        <li><Link to={URL.MAIN} className="home" >Home</Link></li>
+                        <li><Link to={URL.SUPPORT_LIST_NOCODE+'/KCSC-NTC'}>정보제공</Link></li>
+                        <li>관련 사이트</li>
+                    </ul>
+                </div>
+                {/* <!--// Location --> */}
+
+                <div className="layout">
+
+                    <div className="contents" id="contents">
+                        {/* <!-- 본문 --> */}
+                        <h1 className="tit_3">관련 사이트</h1>
+                    </div>
+                </div>
+            </div>
+        </div>
     );
 }
 

From 8be3d8a5bf66aa5e164fc1d043c66f93d5112b2c Mon Sep 17 00:00:00 2001
From: "Lim\\jun" <juno4325@hotmail.com>
Date: Mon, 17 Jun 2024 14:07:38 +0900
Subject: [PATCH 05/14] =?UTF-8?q?=ED=8D=BC=EB=B8=94=20=EC=97=85=EB=8E=83?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../src/pages/about/EgovAboutSite.jsx         |  5 ++--
 .../src/pages/about/EgovAboutSitemap.jsx      | 23 ++++++++++++++++++-
 2 files changed, 25 insertions(+), 3 deletions(-)

diff --git a/egovframe-template-simple-react-contribution/src/pages/about/EgovAboutSite.jsx b/egovframe-template-simple-react-contribution/src/pages/about/EgovAboutSite.jsx
index 25744e8..5797faf 100644
--- a/egovframe-template-simple-react-contribution/src/pages/about/EgovAboutSite.jsx
+++ b/egovframe-template-simple-react-contribution/src/pages/about/EgovAboutSite.jsx
@@ -2,6 +2,7 @@ import React from 'react';
 import { Link } from 'react-router-dom';
 
 import { default as EgovLeftNav } from 'components/leftmenu/EgovLeftNavAbout';
+import URL from "../../constants/url";
 
 function EgovAboutSite() {
     return (
@@ -10,8 +11,8 @@ function EgovAboutSite() {
                 {/* <!-- Location --> */}
                 <div className="location">
                     <ul>
-                        <li><Link to="" className="home">Home</Link></li>
-                        <li><Link to="">센터 소개</Link></li>
+                        <li><Link to={URL.MAIN} className="home">Home</Link></li>
+                        <li><Link to={URL.ABOUT}>센터 소개</Link></li>
                         <li>인사말</li>
                     </ul>
                 </div>
diff --git a/egovframe-template-simple-react-contribution/src/pages/about/EgovAboutSitemap.jsx b/egovframe-template-simple-react-contribution/src/pages/about/EgovAboutSitemap.jsx
index 349d697..6f29f4f 100644
--- a/egovframe-template-simple-react-contribution/src/pages/about/EgovAboutSitemap.jsx
+++ b/egovframe-template-simple-react-contribution/src/pages/about/EgovAboutSitemap.jsx
@@ -1,13 +1,34 @@
 import React, { useState } from 'react';
 import {Link, useLocation, useNavigate} from 'react-router-dom';
 import * as EgovNet from 'api/egovFetch';
+import URL from "../../constants/url";
 
 function Sitemap(){
 
 
 
     return (
-        <div>사이트맵</div>
+        <div className="container">
+            <div className="c_wrap">
+                {/* <!-- Location --> */}
+                <div className="location">
+                    <ul>
+                        <li><Link to={URL.MAIN} className="home" >Home</Link></li>
+                        <li><Link to={URL.ABOUT}>센터 소개</Link></li>
+                        <li>사이트맵</li>
+                    </ul>
+                </div>
+                {/* <!--// Location --> */}
+
+                <div className="layout">
+
+                    <div className="contents" id="contents">
+                        {/* <!-- 본문 --> */}
+                        <h1 className="tit_3">사이트맵</h1>
+                    </div>
+                </div>
+            </div>
+        </div>
     );
 }
 

From 432c6fdef546dbbda268ef53f343b5790b932e8d Mon Sep 17 00:00:00 2001
From: "Lim\\jun" <juno4325@hotmail.com>
Date: Wed, 19 Jun 2024 11:06:59 +0900
Subject: [PATCH 06/14] =?UTF-8?q?url=20=EB=B3=80=EA=B2=BD?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 egovframe-template-simple-react-contribution/.env.production | 3 ++-
 kcsc-back-end/src/main/resources/application-prod.properties | 3 ++-
 2 files changed, 4 insertions(+), 2 deletions(-)

diff --git a/egovframe-template-simple-react-contribution/.env.production b/egovframe-template-simple-react-contribution/.env.production
index e52ed01..f086459 100644
--- a/egovframe-template-simple-react-contribution/.env.production
+++ b/egovframe-template-simple-react-contribution/.env.production
@@ -4,7 +4,8 @@
 NODE_PATH=src/
 
 ## 절대경로 지정
-REACT_APP_EGOV_CONTEXT_URL=https://back.kcsc.dbnt.co.kr
+## REACT_APP_EGOV_CONTEXT_URL=https://back.kcsc.dbnt.co.kr
+REACT_APP_EGOV_CONTEXT_URL=58.234.249.138:50688
 
 ## [보안] 소스맵 삭제
 GENERATE_SOURCEMAP=false
diff --git a/kcsc-back-end/src/main/resources/application-prod.properties b/kcsc-back-end/src/main/resources/application-prod.properties
index 4c0c55c..781b348 100644
--- a/kcsc-back-end/src/main/resources/application-prod.properties
+++ b/kcsc-back-end/src/main/resources/application-prod.properties
@@ -1,7 +1,8 @@
 # ??? ? ?? ?? properties ?? ?? ? ?? ??.
 
 # Access-Control-Allow-Origin
-Globals.Allow.Origin = https://back.dbnt.co.kr
+#Globals.Allow.Origin = https://back.dbnt.co.kr
+Globals.Allow.Origin = http://58.234.249.138:50680/
 
 server.port=50688
 

From 35b0c4bddb17057f96a46eee35664fdf19a993a9 Mon Sep 17 00:00:00 2001
From: "Lim\\jun" <juno4325@hotmail.com>
Date: Wed, 19 Jun 2024 13:12:54 +0900
Subject: [PATCH 07/14] =?UTF-8?q?=ED=8D=BC=EB=B8=94=20=EC=97=85=EB=8E=83?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../src/css/page.css                          |  27 +++
 .../src/pages/support/Api.jsx                 | 217 +++++++++++++++++-
 2 files changed, 242 insertions(+), 2 deletions(-)

diff --git a/egovframe-template-simple-react-contribution/src/css/page.css b/egovframe-template-simple-react-contribution/src/css/page.css
index e52dc10..3ad7ab5 100644
--- a/egovframe-template-simple-react-contribution/src/css/page.css
+++ b/egovframe-template-simple-react-contribution/src/css/page.css
@@ -445,6 +445,33 @@
     .BRD015 .result .list_item > div:nth-child(3) {width: 30%; text-align: left; padding-left: 5px;}
     .BRD015 .result .list_item > div:nth-child(4) {width: 30%; text-align: left; padding-left: 5px;}
 
+    /* API */
+    .BRD016 .head > span:nth-child(1) {position: relative; width: 20%; }
+    .BRD016 .head > span:nth-child(2) {position: relative; width: 50%; }
+    .BRD016 .head > span:nth-child(3) {position: relative; width: 30%; }
+    .BRD016 .head > span:nth-child(-n+2)::after {position: absolute; content: ''; right: 0; bottom: 0; height: 50%; border-right: 1px solid #B5B5B5;}
+    .BRD016 .result .list_item > div:nth-child(1) {width: 20%; padding: 10px 0;}
+    .BRD016 .result .list_item > div:nth-child(2) {width: 50%; padding: 10px 0;}
+    .BRD016 .result .list_item > div:nth-child(3) {width: 30%; padding: 10px 0;}
+
+    .BRD017 .head > span:nth-child(1) {position: relative; width: 20%; }
+    .BRD017 .head > span:nth-child(2) {position: relative; width: 20%; }
+    .BRD017 .head > span:nth-child(3) {position: relative; width: 25%; }
+    .BRD017 .head > span:nth-child(4) {position: relative; width: 20%; }
+    .BRD017 .head > span:nth-child(5) {position: relative; width: 15%; }
+    .BRD017 .head > span:nth-child(-n+4)::after {position: absolute; content: ''; right: 0; bottom: 0; height: 50%; border-right: 1px solid #B5B5B5;}
+    .BRD017 .result .list_item > div:nth-child(1) {width: 20%; padding: 10px 0;}
+    .BRD017 .result .list_item > div:nth-child(2) {width: 20%; padding: 10px 0;}
+    .BRD017 .result .list_item > div:nth-child(3) {width: 25%; padding: 10px 0;}
+    .BRD017 .result .list_item > div:nth-child(4) {width: 20%; padding: 10px 0;}
+    .BRD017 .result .list_item > div:nth-child(5) {width: 15%; padding: 10px 0;}
+
+    .BRD018 .head > span:nth-child(1) {position: relative; width: 15%; }
+    .BRD018 .head > span:nth-child(2) {position: relative; width: 85%; padding: 10px; text-align: left;}
+    .BRD018 .head > span:nth-child(-n+1)::after {position: absolute; content: ''; right: 0; bottom: 0; height: 50%; border-right: 1px solid #B5B5B5;}
+    .BRD018 .result .list_item > div:nth-child(1) {width: 15%; padding: 10px 0;}
+    .BRD018 .result .list_item > div:nth-child(2) {width: 85%; padding: 10px; text-align: left;}
+
 
     /* 찾아오시는길 */
     .SITE_CONTACT_US .map {margin-top: 43px;}
diff --git a/egovframe-template-simple-react-contribution/src/pages/support/Api.jsx b/egovframe-template-simple-react-contribution/src/pages/support/Api.jsx
index 759a2db..7a7afa3 100644
--- a/egovframe-template-simple-react-contribution/src/pages/support/Api.jsx
+++ b/egovframe-template-simple-react-contribution/src/pages/support/Api.jsx
@@ -1,11 +1,23 @@
 import React, { useState } from 'react';
 import {Link, useLocation, useNavigate} from 'react-router-dom';
 import * as EgovNet from 'api/egovFetch';
-import URL from "../../constants/url";
+
+import URL from "constants/url";
+import Row from 'react-bootstrap/Row';
+import Col from 'react-bootstrap/Col';
+import Button from 'react-bootstrap/Button';
+import Modal from 'react-bootstrap/Modal';
 
 function API(){
+    const [show, setShow] = useState(false);
+    const [modalContent, setModalContent] = useState({});
+    const handleClose = () => setShow(false);
 
-
+    const goToCreate = () => {
+        // 모달창 띄우기
+        setModalContent();
+        setShow(true);
+    };
 
     return (
         <div className="container">
@@ -25,9 +37,210 @@ function API(){
                     <div className="contents" id="contents">
                         {/* <!-- 본문 --> */}
                         <h1 className="tit_3">API 서비스</h1>
+
+                        <Row className={"pb-2 justify-content-between"} >
+                            <Col className={"f_17 text-4c6 pt-3"}>1. API 기본정보</Col>
+                            <Col className={"text-end"}><Button type={"button"} className={"btn btn-22498E px-4"}  onClick={goToCreate} >인증키 발급신청</Button></Col>
+                        </Row>
+
+                        <div className="board_list BRD016">
+                            <div className="head">
+                                <span>Method</span>
+                                <span>Request URL</span>
+                                <span>형식</span>
+                            </div>
+                            <div className="result">
+                                <div className="list_item">
+                                    <div>GET</div>
+                                    <div>https://kcsc.re.kr/OpenApi/CodeViewer</div>
+                                    <div>JSON</div>
+                                </div>
+                                <div className="list_item">
+                                    <div>GET</div>
+                                    <div>https://kcsc.re.kr/OpenApi/CodeList</div>
+                                    <div>JSON</div>
+                                </div>
+                            </div>
+                        </div>
+
+                        <Row className={"py-2"} >
+                            <Col className={"f_17 text-4c6 pt-3"}>2. 요청 변수</Col>
+                        </Row>
+
+                        <div className="board_list BRD017">
+                            <div className="head">
+                                <span>요청 변수명</span>
+                                <span>설명</span>
+                                <span>예시</span>
+                                <span>Type</span>
+                                <span>필수 여부</span>
+                            </div>
+                            <div className="result">
+                                <div className="list_item">
+                                    <div>Type</div>
+                                    <div>문서 타입</div>
+                                    <div>KDS</div>
+                                    <div>string</div>
+                                    <div>Y</div>
+                                </div>
+                                <div className="list_item">
+                                    <div>Code</div>
+                                    <div>문서 번호</div>
+                                    <div>101000</div>
+                                    <div>string</div>
+                                    <div>Y</div>
+                                </div>
+                                <div className="list_item">
+                                    <div>Key</div>
+                                    <div>인증키</div>
+                                    <div>bdf239cd309cc876293ff3</div>
+                                    <div>string</div>
+                                    <div>Y</div>
+                                </div>
+                            </div>
+                        </div>
+
+                        <Row className={"py-2"} >
+                            <Col className={"f_17 text-4c6 pt-3"}>3. 출력 결과</Col>
+                        </Row>
+
+                        <div className="board_list BRD016">
+                            <div className="head">
+                                <span>필드</span>
+                                <span>설명</span>
+                                <span>Type</span>
+                            </div>
+                            <div className="result">
+                                <div className="list_item">
+                                    <div>No</div>
+                                    <div>코드 고유번호입니다.</div>
+                                    <div>int</div>
+                                </div>
+                                <div className="list_item">
+                                    <div>CodeType</div>
+                                    <div>코드 타입입니다.</div>
+                                    <div>string</div>
+                                </div>
+                                <div className="list_item">
+                                    <div>Code</div>
+                                    <div>코드 번호입니다.</div>
+                                    <div>string</div>
+                                </div>
+                                <div className="list_item">
+                                    <div>FullCode</div>
+                                    <div>카테고리 타입이 있는 코드 번호입니다.</div>
+                                    <div>string</div>
+                                </div>
+                                <div className="list_item">
+                                    <div>Name</div>
+                                    <div>코드 이름입니다.</div>
+                                    <div>string</div>
+                                </div>
+                                <div className="list_item">
+                                    <div>Version</div>
+                                    <div>코드 버전입니다.</div>
+                                    <div>string</div>
+                                </div>
+                                <div className="list_item">
+                                    <div>UpdateDate</div>
+                                    <div>코드 수정일자입니다.</div>
+                                    <div>datetime</div>
+                                </div>
+                                <div className="list_item">
+                                    <div>Sort</div>
+                                    <div>목차 정렬 순서 번호입니다.</div>
+                                    <div>int</div>
+                                </div>
+                                <div className="list_item">
+                                    <div>Title</div>
+                                    <div>목차 입니다.</div>
+                                    <div>string</div>
+                                </div>
+                                <div className="list_item">
+                                    <div>Contents</div>
+                                    <div>목차의 상세내용입니다.</div>
+                                    <div>string</div>
+                                </div>
+                                <div className="list_item">
+                                    <div>List</div>
+                                    <div>특정코드 상세내용 리스트입니다.</div>
+                                    <div>list</div>
+                                </div>
+                                <div className="list_item">
+                                    <div>ListParentCodes</div>
+                                    <div>카테고리 속성 리스트입니다.</div>
+                                    <div>list</div>
+                                </div>
+                                <div className="list_item">
+                                    <div>Message</div>
+                                    <div>에러 내용입니다.</div>
+                                    <div>string</div>
+                                </div>
+                            </div>
+                        </div>
+
+                        <Row className={"py-2"} >
+                            <Col className={"f_17 text-4c6 pt-3"}>4. 예시</Col>
+                        </Row>
+
+                        <div className="board_list BRD018">
+                            <div className="head">
+                                <span>Request</span>
+                                <span>https://kcsc.re.kr/OpenApi/CodeViewer/KCS/114010?key=bdf239cd309cc876293ff3</span>
+                            </div>
+                            <div className="result">
+                                <div className="list_item">
+                                    <div>Response</div>
+                                    <div>
+                                        No : 30155<br />
+                                        CodeType : KCS<br />
+                                        Code : 114010<br />
+                                        FullCode : 2010114010<br />
+                                        Name : 파형강판 암거<br />
+                                        Version : 2019<br />
+                                        UpdateDate : {`{2019-06-27 오전 10:52:07}`}<br />
+                                        List : {`[{"No": 30155, "Sort": 4, "Title": "1.1 적용범위", "Contents": "<ρ>(1) 이 기준은 구조용 파형강판을 이용하여 통로암거, 수로암거, 소교량 및 가설 구조물 등의 파형강판 암거.."}, ...]`}<br />
+                                        ListParentCodes : null<br />
+                                        Message : null'
+                                    </div>
+                                </div>
+                            </div>
+                            <div className="head">
+                                <span>Request</span>
+                                <span>https://kcsc.re.kr/OpenApi/CodeList?key=bdf239cd309cc876293ff3</span>
+                            </div>
+                            <div className="result">
+                                <div className="list_item">
+                                    <div>Response</div>
+                                    <div>
+                                        {`[{No : 20256`}<br />
+                                        CodeType : KDS<br />
+                                        Code : 100000<br />
+                                        FullCode : 10101000<br />
+                                        Name : 공통설계기준<br />
+                                        Version : 2018<br />
+                                        UpdateDate : {`{2019-06-04 오전 10:52:07}`}<br />
+                                        List : null<br />
+                                        ListParentCodes : {`{"codeType":"KDS","fullCode":"10","name":"설계기준"},{"codeType":"KDS","fullCode":"1010","name":"공통편"},{"codeType":"KDS","fullCode":"101010","name":"공통 설계기준"}`}<br />
+                                        Message : {`null}, ...]`}
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
                     </div>
                 </div>
             </div>
+
+            <Modal show={show} onHide={handleClose}>
+                <Modal.Header closeButton>
+                    <Modal.Title>API 서비스 신청</Modal.Title>
+                </Modal.Header>
+                <Modal.Body>
+                    <h6 className={"text-224"}>아이디 : ***1234</h6>
+                    <div className={"py-3"}><Button type={"button"} className={"btn btn-22498E px-4 w-100"}  onClick={""} >발급신청</Button></div>
+                    <div className={"f_14 text-center"}>발급신청 완료 후 관리자 승인절차에 따라 발급됩니다.</div>
+                </Modal.Body>
+            </Modal>
         </div>
     );
 }

From 087131d0c80847d9dd785aefb4f029372ea9246c Mon Sep 17 00:00:00 2001
From: "Lim\\jun" <juno4325@hotmail.com>
Date: Wed, 19 Jun 2024 15:32:57 +0900
Subject: [PATCH 08/14] =?UTF-8?q?=ED=8D=BC=EB=B8=94=20=EC=97=85=EB=8E=83?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../src/constants/url.js                      |   2 +
 .../src/css/page.css                          |  18 ++-
 .../src/pages/support/Poll.jsx                |  58 +++++++-
 .../src/pages/support/Survey.jsx              | 131 ++++++++++++++++++
 .../src/routes/index.jsx                      |   2 +
 5 files changed, 208 insertions(+), 3 deletions(-)
 create mode 100644 egovframe-template-simple-react-contribution/src/pages/support/Survey.jsx

diff --git a/egovframe-template-simple-react-contribution/src/constants/url.js b/egovframe-template-simple-react-contribution/src/constants/url.js
index d7d65e1..a9b9170 100644
--- a/egovframe-template-simple-react-contribution/src/constants/url.js
+++ b/egovframe-template-simple-react-contribution/src/constants/url.js
@@ -43,6 +43,8 @@ const URL = {
     SUPPORT_API                 : "/support/api", // API 서비스
     SUPPORT_RESEARCH            : "/support/research", // 건설기준 연구
     SUPPORT_POLL                : "/support/poll", // 설문조사
+    SUPPORT_SURVEY              : "/support/survey/:Id", // 설문조사 참여
+    SUPPORT_SURVEY_NOID         : "/support/survey/", // 설문조사 참여
     SUPPORT_DOWNLOAD            : "/support/download", // 고객지원/자료실
     // SUPPORT_DOWNLOAD_DETAIL     : "/support/download/detail", // 고객지원/자료실/상세
     // SUPPORT_DOWNLOAD_CREATE     : "/support/download/create", // 고객지원/자료실/등록
diff --git a/egovframe-template-simple-react-contribution/src/css/page.css b/egovframe-template-simple-react-contribution/src/css/page.css
index 3ad7ab5..5a4f822 100644
--- a/egovframe-template-simple-react-contribution/src/css/page.css
+++ b/egovframe-template-simple-react-contribution/src/css/page.css
@@ -468,10 +468,26 @@
 
     .BRD018 .head > span:nth-child(1) {position: relative; width: 15%; }
     .BRD018 .head > span:nth-child(2) {position: relative; width: 85%; padding: 10px; text-align: left;}
-    .BRD018 .head > span:nth-child(-n+1)::after {position: absolute; content: ''; right: 0; bottom: 0; height: 50%; border-right: 1px solid #B5B5B5;}
+    .BRD018 .head > span:nth-child(1)::after {position: absolute; content: ''; right: 0; bottom: 0; height: 50%; border-right: 1px solid #B5B5B5;}
     .BRD018 .result .list_item > div:nth-child(1) {width: 15%; padding: 10px 0;}
     .BRD018 .result .list_item > div:nth-child(2) {width: 85%; padding: 10px; text-align: left;}
 
+    .BRD019 .head > span:nth-child(1) {position: relative; width: 60%;}
+    .BRD019 .head > span:nth-child(2) {position: relative; width: 8%; text-align: center;}
+    .BRD019 .head > span:nth-child(3) {position: relative; width: 8%; text-align: center;}
+    .BRD019 .head > span:nth-child(4) {position: relative; width: 8%; text-align: center;}
+    .BRD019 .head > span:nth-child(5) {position: relative; width: 8%; text-align: center;}
+    .BRD019 .head > span:nth-child(6) {position: relative; width: 8%; text-align: center;}
+    .BRD019 .head > span:nth-child(-n+5)::after {position: absolute; content: ''; right: 0; bottom: 0; height: 50%; border-right: 1px solid #B5B5B5;}
+    .BRD019 .result .list_item > div:nth-child(1) {width: 60%; text-align: left; padding-left: 10px;}
+    .BRD019 .result .list_item > div:nth-child(2) {width: 8%; text-align: center;}
+    .BRD019 .result .list_item > div:nth-child(3) {width: 8%; text-align: center;}
+    .BRD019 .result .list_item > div:nth-child(4) {width: 8%; text-align: center;}
+    .BRD019 .result .list_item > div:nth-child(5) {width: 8%; text-align: center;}
+    .BRD019 .result .list_item > div:nth-child(6) {width: 8%; text-align: center;}
+    .poll_title {font-size: 15px; padding-left: 10px;}
+    .poll_answer {padding-left: 20px;}
+
 
     /* 찾아오시는길 */
     .SITE_CONTACT_US .map {margin-top: 43px;}
diff --git a/egovframe-template-simple-react-contribution/src/pages/support/Poll.jsx b/egovframe-template-simple-react-contribution/src/pages/support/Poll.jsx
index d7b38f6..e2849a8 100644
--- a/egovframe-template-simple-react-contribution/src/pages/support/Poll.jsx
+++ b/egovframe-template-simple-react-contribution/src/pages/support/Poll.jsx
@@ -11,10 +11,38 @@ import Button from "react-bootstrap/Button";
 function Poll(){
     const navigate = useNavigate();
 
-    const goToDetail = () => {
-        // navigate('/support/list/KCSC-QA');
+    const goToDetail = (id, isClosed) => {
+        if (isClosed) {
+            alert('마감된 설문조사입니다.');
+        } else {
+            // 로그인 한경우만 참여 가능하게
+            navigate(`${URL.SUPPORT_SURVEY_NOID}${id}`);
+        }
     };
 
+    const surveys = [
+        {
+            id: 1,
+            title: "2023년 건설기준 포털시스템 이용자 만족도 조사",
+            isClosed: false,
+            period: "2014-06-25 ~ 2015-09-17",
+            content: "본 연구의 목적은 “건설공사기준 코드체계(국토교통부 고시 제2013-640호, ‘13.10)” 전환에 따른 분야별 코드별로 현행 설계기준과 표준시방서에 대하여 중복 및 상충 항목의 검토 정비하여 통합 코드(안) 마련."
+        },
+        {
+            id: 2,
+            title: "2022년 건설기준 포털시스템 이용자 만족도 조사",
+            isClosed: true,
+            period: "2013-12-26 ~ 2015-06-30",
+            content: "본 연구의 목적은 “건설공사기준 코드체계(국토교통부 고시 제2013-640호, ‘13.10)” 전환에 따른 분야별 코드별로 현행 설계기준과 표준시방서에 대하여 중복 및 상충 항목의 검토 정비하여 통합 코드(안) 마련."
+        },
+        {
+            id: 3,
+            title: "2021년 건설기준 포털시스템 이용자 만족도 조사",
+            isClosed: true,
+            period: "2013-03-01 ~ 2014-07-01",
+            content: "ㅇ 현장 여건 변화 및 민원 등에 따른 합리적 표준시방서 개정 ㅇ 2009년 개정 이후 민원 및 감사원 지적 등에 따른 시방서 내용 개정"
+        }
+    ];
 
     return (
         <div className="container">
@@ -35,6 +63,32 @@ function Poll(){
                         <h1 className="tit_3">설문조사</h1>
 
                         {/* <!-- 건설기준연구 안내 (리스트 5개씩만 뿌려주세요.)--> */}
+                        {surveys.map((survey) => (
+                            <React.Fragment key={survey.id}>
+                                <Row className="py-3 justify-content-between align-items-end">
+                                    <Col className="fs-6 fw-bold text-4c6 ps-4">{survey.title}</Col>
+                                    <Col className="text-end">
+                                        <Button
+                                            type="button"
+                                            className={survey.isClosed ? "btn btn-secondary px-4" : "btn btn-22498E px-4"}
+                                            onClick={() => goToDetail(survey.id, survey.isClosed)}>
+                                            {survey.isClosed ? '설문마감' : '참여하기'}
+                                        </Button>
+                                    </Col>
+                                </Row>
+                                <div className="board_view2 pb-4">
+                                    <dl>
+                                        <dt>참여기간</dt>
+                                        <dd>{survey.period}</dd>
+                                    </dl>
+                                    <dl>
+                                        <dt>내용</dt>
+                                        <dd>{survey.content}</dd>
+                                    </dl>
+                                </div>
+                            </React.Fragment>
+                        ))}
+
                         <Row className={"py-3 justify-content-between align-items-end"} >
                             <Col className={"fs-6 fw-bold text-4c6 ps-4"}>2023년 건설기준 포털시스템 이용자 만족도 조사</Col>
                             <Col className={"text-end"}><Button type={"button"} className={"btn btn-22498E px-4"}  onClick={goToDetail} >참여하기</Button></Col>
diff --git a/egovframe-template-simple-react-contribution/src/pages/support/Survey.jsx b/egovframe-template-simple-react-contribution/src/pages/support/Survey.jsx
new file mode 100644
index 0000000..2d6419d
--- /dev/null
+++ b/egovframe-template-simple-react-contribution/src/pages/support/Survey.jsx
@@ -0,0 +1,131 @@
+import React, { useState } from 'react';
+import {Link, useLocation, useNavigate} from 'react-router-dom';
+import * as EgovNet from 'api/egovFetch';
+import URL from "constants/url";
+
+import Row from "react-bootstrap/Row";
+import Col from "react-bootstrap/Col";
+import Button from "react-bootstrap/Button";
+
+function Poll_Detail(){
+
+
+
+    return (
+        <div className="container">
+            <div className="c_wrap">
+                {/* <!-- Location --> */}
+                <div className="location">
+                    <ul>
+                        <li><Link to={URL.MAIN} className="home" >Home</Link></li>
+                        <li><Link to={URL.SUPPORT_LIST_NOCODE+'/KCSC-NTC'}>정보제공</Link></li>
+                        <li><Link to={URL.SUPPORT_POLL}>설문조사</Link></li>
+                        <li>설문조사 참여하기</li>
+                    </ul>
+                </div>
+                {/* <!--// Location --> */}
+
+                <div className="layout">
+
+                    <div className="contents" id="contents">
+                        {/* <!-- 본문 --> */}
+                        <h1 className="tit_3">설문조사 참여하기</h1><div className="board_list BRD018">
+                        <div className="head">
+                            <span>설문조사명</span>
+                            <span>건설기준 포털시스템 이용자 만족도 조사</span>
+                        </div>
+                        <div className="result">
+                            <div className="list_item">
+                                <div>목적</div>
+                                <div>건설기준 포털시스템의 사용자 만족도를 조사하여 향후 시스템 개선에 반영</div>
+                            </div>
+                            <div className="list_item">
+                                <div>첨부파일</div>
+                                <div></div>
+                            </div>
+                            <div className="list_item">
+                                <div>설문기간</div>
+                                <div>2023-12-15 ~ 2023-12-29</div>
+                            </div>
+                        </div>
+
+                        <div className={"pt-4 pb-1 fs-4 fw-bold"}><img src={"/assets/images/question.png"} className={"p-2"} /> 건설기준 포털시스템 접속 목적(복수 응답 가능)</div>
+                        <div className={"poll_title"}>1) 질문 문항입니다.</div>
+                        <div className={"poll_answer"}><input type={"checkbox"} id={"c1"} /> <label htmlFor={"c1"}>국가건설기준코드 검색</label></div>
+                        <div className={"poll_answer"}><input type={"checkbox"} id={"c2"} /> <label htmlFor={"c2"}>국가건설기준코드 검색</label></div>
+                        <div className={"poll_answer"}><input type={"checkbox"} id={"c3"} /> <label htmlFor={"c3"}>국가건설기준코드 검색</label></div>
+                        <div className={"poll_answer"}><input type={"checkbox"} id={"c4"} /> <label htmlFor={"c4"}>국가건설기준코드 검색</label></div>
+                        <div className={"poll_answer"}><input type={"checkbox"} id={"c5"} /> <label htmlFor={"c5"}>국가건설기준코드 검색</label></div>
+                        <div className={"poll_answer"}><input type={"checkbox"} id={"c6"} /> <label htmlFor={"c6"}>국가건설기준코드 검색</label></div>
+                        <div className={"pt-4 ps-2"}>기타</div>
+                        <div><textarea className={"w-100 h_50"}></textarea></div>
+
+                        <div className={"pt-4 pb-1 fs-4 fw-bold"}><img src={"/assets/images/question.png"} className={"p-2"} />이용자 만족도</div>
+                        <div className={"poll_title"}>건설기준 포털시스템의 만족도에 대한 설문 입니다. 귀하의 의견과 일치되는 곳에 'O' 표해 주십시오.</div>
+                        <div className="board_list BRD019">
+                            <div className="head">
+                                <span>질문내용</span>
+                                <span>매우만족</span>
+                                <span>다소만족</span>
+                                <span>보통</span>
+                                <span>다소불만족</span>
+                                <span>매우불만족</span>
+                            </div>
+                            <div className="result">
+                                <div className="list_item">
+                                    <div className={"text-center fw-bold"}>(정보제공)</div>
+                                </div>
+                                <div className="list_item">
+                                    <div>(1) 업무와 관련된 정보를 제공하고 있습니까?</div>
+                                    <div><input type={"radio"}/></div>
+                                    <div><input type={"radio"}/></div>
+                                    <div><input type={"radio"}/></div>
+                                    <div><input type={"radio"}/></div>
+                                    <div><input type={"radio"}/></div>
+                                </div>
+                                <div className="list_item">
+                                    <div>(2) 업무와 관련된 정보를 제공하고 있습니까?</div>
+                                    <div><input type={"radio"}/></div>
+                                    <div><input type={"radio"}/></div>
+                                    <div><input type={"radio"}/></div>
+                                    <div><input type={"radio"}/></div>
+                                    <div><input type={"radio"}/></div>
+                                </div>
+                                <div className="list_item">
+                                    <div>(3) 업무와 관련된 정보를 제공하고 있습니까?</div>
+                                    <div><input type={"radio"}/></div>
+                                    <div><input type={"radio"}/></div>
+                                    <div><input type={"radio"}/></div>
+                                    <div><input type={"radio"}/></div>
+                                    <div><input type={"radio"}/></div>
+                                </div>
+                                <div className="list_item">
+                                    <div className={"text-center fw-bold"}>(시스템 일반현황)</div>
+                                </div>
+                                <div className="list_item">
+                                    <div>(1) 시스템의 응답속도는 만족하십니까?</div>
+                                    <div><input type={"radio"}/></div>
+                                    <div><input type={"radio"}/></div>
+                                    <div><input type={"radio"}/></div>
+                                    <div><input type={"radio"}/></div>
+                                    <div><input type={"radio"}/></div>
+                                </div>
+                            </div>
+                        </div>
+
+                        <div className={"pt-4 pb-1 fs-4 fw-bold"}><img src={"/assets/images/question.png"} className={"p-2"} />건의사항 및 향후 발전방향</div>
+                        <div className={"poll_title"}>건설기준 포털시스템에 개선이 필요한 부분이나 건의사항이 있으시면 기재해 주시기 바랍니다.</div>
+                        <div><textarea className={"w-100 h_100"}></textarea></div>
+
+                        <Row className={"py-3n"} >
+                            <Col className={"text-center"}><Button type={"button"} className={"btn btn-22498E px-4"}  onClick={""} >설문조사 최종 참여하기</Button></Col>
+                        </Row>
+                    </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+    );
+}
+
+export default Poll_Detail;
\ No newline at end of file
diff --git a/egovframe-template-simple-react-contribution/src/routes/index.jsx b/egovframe-template-simple-react-contribution/src/routes/index.jsx
index 2454b6c..6274387 100644
--- a/egovframe-template-simple-react-contribution/src/routes/index.jsx
+++ b/egovframe-template-simple-react-contribution/src/routes/index.jsx
@@ -44,6 +44,7 @@ import SupportSite from 'pages/support/Site';
 import SupportApi from 'pages/support/Api';
 import SupportResearch from 'pages/support/Research';
 import SupportPoll from 'pages/support/Poll';
+import SupportSurvey from 'pages/support/Survey';
 
 import EgovSupportDownloadList from 'pages/support/download/EgovDownloadList';
 // import EgovSupportDownloadDetail from 'pages/support/download/EgovDownloadDetail';
@@ -266,6 +267,7 @@ const SecondRoutes = () => {
         <Route path={URL.SUPPORT_API} element={<SupportApi />} />
         <Route path={URL.SUPPORT_RESEARCH} element={<SupportResearch />} />
         <Route path={URL.SUPPORT_POLL} element={<SupportPoll />} />
+        <Route path={URL.SUPPORT_SURVEY} element={<SupportSurvey />} />
 
         <Route path={URL.SUPPORT_DOWNLOAD} element={<EgovSupportDownloadList />} />
         {/*<Route path={URL.SUPPORT_DOWNLOAD_DETAIL} element={<EgovSupportDownloadDetail />} />*/}

From 9cd309c4db128da3b0cabd88dfef0b134ee6d362 Mon Sep 17 00:00:00 2001
From: "Lim\\jun" <juno4325@hotmail.com>
Date: Thu, 20 Jun 2024 10:23:17 +0900
Subject: [PATCH 09/14] =?UTF-8?q?=ED=8D=BC=EB=B8=94=20=EC=97=85=EB=8E=83?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../components/leftmenu/EgovLeftNavIntro.jsx  | 72 +++++++++++++++++--
 .../src/css/base.css                          |  1 +
 .../src/css/layout.css                        | 22 ++++--
 .../src/css/response.css                      |  1 +
 .../pages/standardCode/StandardCodeOld.jsx    | 39 ++++++++++
 5 files changed, 123 insertions(+), 12 deletions(-)

diff --git a/egovframe-template-simple-react-contribution/src/components/leftmenu/EgovLeftNavIntro.jsx b/egovframe-template-simple-react-contribution/src/components/leftmenu/EgovLeftNavIntro.jsx
index 22b804d..6a2dcb0 100644
--- a/egovframe-template-simple-react-contribution/src/components/leftmenu/EgovLeftNavIntro.jsx
+++ b/egovframe-template-simple-react-contribution/src/components/leftmenu/EgovLeftNavIntro.jsx
@@ -1,18 +1,78 @@
 import React from 'react';
 
 import { NavLink } from 'react-router-dom';
+import {Accordion} from "react-bootstrap";
+
+import Row from 'react-bootstrap/Row';
+import Col from 'react-bootstrap/Col';
+import Button from 'react-bootstrap/Button';
+
 import URL from 'constants/url';
 
 function EgovLeftNavIntro() {
+    // 활성화 임시키 (상황에 맞게 사용하세요)
+    let activeKey = 0;
     
     return (
-        <div className="nav">
+        <div className="nav2">
             <div className="inner">
-                <h2>정보마당</h2>
-                <ul className="menu4">
-                    <li><NavLink to={URL.INTRO_WORKS} className={({ isActive }) => (isActive ? "cur" : "")}>주요사업 소개</NavLink></li>
-                    <li><NavLink to={URL.INTRO_SERVICE} className={({ isActive }) => (isActive ? "cur" : "")}>대표서비스 소개</NavLink></li>
-                </ul>
+                <Row className={"pt-4 pb-2 mb-1"}>
+                    <Col xs={10}><input type={"text"} className={"form-control shadow-none w-100 h_40"} placeholder={"구)건설기준 검색"} /></Col>
+                    <Col xs={2} className={"ps-0"}><Button className={"btn-22498E h_40"} type={"button"} >검색</Button></Col>
+                </Row>
+                <Accordion defaultActiveKey={activeKey}>
+                    <Accordion.Item eventKey={0}>
+                        <Accordion.Header>(구)설계기준(22)</Accordion.Header>
+                        <Accordion.Body>
+                            <ul className="menu5">
+                                <li><NavLink to={URL.STANDARD_CODE_OLD} className={({ isActive }) => (isActive ? "cur" : "")}>강구조 설계기준(2)</NavLink></li>
+                                <li><NavLink to={URL.STANDARD_CODE_OLD} className={({ isActive }) => (isActive ? "cur" : "")}>강구조 설계기준(하중저항계수 설계법)(3)</NavLink></li>
+                                <li><NavLink to={URL.STANDARD_CODE_OLD} className={({ isActive }) => (isActive ? "cur" : "")}>건설공사 비탈면 설계기준(4)</NavLink></li>
+                                <li><NavLink to={URL.STANDARD_CODE_OLD} className={({ isActive }) => (isActive ? "cur" : "")}>건축 구조기준(8)</NavLink></li>
+                                <li><NavLink to={URL.STANDARD_CODE_OLD} className={({ isActive }) => (isActive ? "cur" : "")}>건축기계설비 설계기준(4)</NavLink></li>
+                                <li><NavLink to={URL.STANDARD_CODE_OLD} className={({ isActive }) => (isActive ? "cur" : "")}>건축전기설비 설계기준(4)</NavLink></li>
+                                {/*리스트 쭉 보여주세요*/}
+                            </ul>
+                        </Accordion.Body>
+                    </Accordion.Item>
+
+                    <Accordion.Item eventKey={1}>
+                        <Accordion.Header>(구)표준시방서(21)</Accordion.Header>
+                        <Accordion.Body>
+                            <ul className="menu5">
+                                <li><NavLink to={URL.STANDARD_CODE_OLD} className={({ isActive }) => (isActive ? "cur" : "")}>가설공사 표준시방서(5)</NavLink></li>
+                                <li><NavLink to={URL.STANDARD_CODE_OLD} className={({ isActive }) => (isActive ? "cur" : "")}>강구조공사 표준시방서(2)</NavLink></li>
+                                <li><NavLink to={URL.STANDARD_CODE_OLD} className={({ isActive }) => (isActive ? "cur" : "")}>건설공사 비탈면 표준시방서(3)</NavLink></li>
+                                <li><NavLink to={URL.STANDARD_CODE_OLD} className={({ isActive }) => (isActive ? "cur" : "")}>건설환경관리 표준시방서(1)</NavLink></li>
+                                {/*리스트 쭉 보여주세요*/}
+                            </ul>
+                        </Accordion.Body>
+                    </Accordion.Item>
+
+                    <Accordion.Item eventKey={2}>
+                        <Accordion.Header>(구)전문시방서(9)</Accordion.Header>
+                        <Accordion.Body>
+                            <ul className="menu5">
+                                <li><NavLink to={URL.STANDARD_CODE_OLD} className={({ isActive }) => (isActive ? "cur" : "")}>고속도로공사 전문시방서(10)</NavLink></li>
+                                <li><NavLink to={URL.STANDARD_CODE_OLD} className={({ isActive }) => (isActive ? "cur" : "")}>농어촌정비공사 전문시방서(1)</NavLink></li>
+                                {/*리스트 쭉 보여주세요*/}
+                            </ul>
+                        </Accordion.Body>
+                    </Accordion.Item>
+
+                    <Accordion.Item eventKey={3}>
+                        <Accordion.Header>(구)훈령/예규/지침(11)</Accordion.Header>
+                        <Accordion.Body>
+                            <ul className="menu5">
+                                <li><NavLink to={URL.STANDARD_CODE_OLD} className={({ isActive }) => (isActive ? "cur" : "")}>건설정책(198)</NavLink></li>
+                                <li><NavLink to={URL.STANDARD_CODE_OLD} className={({ isActive }) => (isActive ? "cur" : "")}>교통물류(77)</NavLink></li>
+                                <li><NavLink to={URL.STANDARD_CODE_OLD} className={({ isActive }) => (isActive ? "cur" : "")}>국토도시(156)</NavLink></li>
+                                {/*리스트 쭉 보여주세요*/}
+                            </ul>
+                        </Accordion.Body>
+                    </Accordion.Item>
+
+                </Accordion>
             </div>
         </div>
     );
diff --git a/egovframe-template-simple-react-contribution/src/css/base.css b/egovframe-template-simple-react-contribution/src/css/base.css
index b96a3da..cdb18d3 100644
--- a/egovframe-template-simple-react-contribution/src/css/base.css
+++ b/egovframe-template-simple-react-contribution/src/css/base.css
@@ -84,6 +84,7 @@ button {cursor: pointer;}
 
 .h_25 {height: 25px;}
 .h_30 {height: 30px;}
+.h_40 {height: 40px;}
 .h_50 {height: 50px;}
 .h_100 {height: 100px;}
 .h_300 {height: 300px;}
diff --git a/egovframe-template-simple-react-contribution/src/css/layout.css b/egovframe-template-simple-react-contribution/src/css/layout.css
index 6f1157b..f823dfc 100644
--- a/egovframe-template-simple-react-contribution/src/css/layout.css
+++ b/egovframe-template-simple-react-contribution/src/css/layout.css
@@ -82,7 +82,7 @@ body {min-width: 1400px;}
 .c_wrap { margin: auto 0; }      /* removed by lim      width: 1400px;  padding: 0 50px; */
 .c_wrap .layout {display: table; width: 100%; table-layout: fixed; padding-bottom: 20px;}       /* added by lim   padding-bottom: 20px; */
 
-/* sub navigation */
+/* 관리자 (왼쪽메뉴) */
 .c_wrap .layout .nav:not(.tabs) {display: table-cell; width: 220px; vertical-align: top;}      /* changed by lim        width: 260px;  */
 /*.c_wrap .layout .nav .inner {border: 1px solid #dde2e5; border-radius: 10px;}*/
 .nav_title{padding: 35px 30px 26px 20px;}                               /* changed by lim       border-bottom: 4px solid #dde2e5;  */
@@ -94,18 +94,28 @@ body {min-width: 1400px;}
 .c_wrap .layout .nav ul li a:hover::after {content: ""; display: block; position: absolute; right: 0px; top: 50%; transform: translateY(-50%); width: 9px; height: 15px; background: url(css/images/ico_arrow_r_gray_9x15.png) no-repeat;}
 .c_wrap .layout .nav ul li a.cur {color: #222; font-weight: 700;}
 
-.c_wrap .layout .contents {display: table-cell; width: auto; vertical-align: top; padding-left: 30px;} /* changed by lim   padding: 0 0 120px 70px; */
+/* (구)건설기준 (왼쪽메뉴) */
+.c_wrap .layout .nav2:not(.tabs) {display: table-cell; width: 350px; vertical-align: top;}
+/*.c_wrap .layout .nav2 h2 {color: #222; font-size: 22px; font-weight: 700;}*/
+.c_wrap .layout .nav2 button {font-size: 15px;}
+.c_wrap .layout .nav2 .accordion-button {background: #FAFAFA;}
+.c_wrap .layout .nav2 ul li a {display: block; position: relative; color: #666; font-size: 14px; }
+.c_wrap .layout .nav2 ul li a.cur {color: #222; font-weight: 700; }
 
-/* 센터소개 */
+.c_wrap .layout .contents .border-secondary {border : 1px solid #6c757d;}
+.c_wrap .layout .contents .border-secondary-no_top {border-left: 1px solid #6c757d; border-right: 1px solid #6c757d; border-bottom: 1px solid #6c757d; height: 400px; overflow-y: scroll;}
+
+.c_wrap .layout .contents {display: table-cell; width: auto; vertical-align: top; padding-left: 30px;}
+
+/* 센터소개 (왼쪽메뉴) */
 .c_wrap .layout .nav1:not(.tabs) {display: table-cell; width: 220px; vertical-align: top;}
 .c_wrap .layout .nav1 h2 {color: #222; font-size: 24px; font-weight: 700;}
 .c_wrap .layout .nav1 .menu10 {mnargin: 0; border: 1px solid #dde2e5;}
-/*.c_wrap .layout .nav1 li {margin: 10px;}*/
 .c_wrap .layout .nav1 .menu10 li + li {border-top: 1px solid #dde2e5; }
-.c_wrap .layout .nav1 ul li a {display: block; position: relative; color: #666; font-size: 14px; padding: 10px;}        /* changed by lim   font-size: 18px; */
-/*.c_wrap .layout .nav1 ul li a:hover {}*/
+.c_wrap .layout .nav1 ul li a {display: block; position: relative; color: #666; font-size: 14px; padding: 10px;}
 .c_wrap .layout .nav1 ul li a:hover::after {content: ""; display: block; position: absolute; right: 10px; top: 50%; transform: translateY(-50%); width: 9px; height: 15px; background: url(css/images/ico_arrow_r_gray_9x15.png) no-repeat; }
 .c_wrap .layout .nav1 ul li a.cur {color: #fff; font-weight: 700; background-color: #004994; }
+
     /* location */
 .location {height: 30px; padding-top: 23px; text-align: right;}     /* chagned by lim   height: 70px; padding-top: 43px; */
 .location ul, .location ul li {display: inline-block; vertical-align: top;}
diff --git a/egovframe-template-simple-react-contribution/src/css/response.css b/egovframe-template-simple-react-contribution/src/css/response.css
index 029a2b0..84a3536 100644
--- a/egovframe-template-simple-react-contribution/src/css/response.css
+++ b/egovframe-template-simple-react-contribution/src/css/response.css
@@ -48,6 +48,7 @@
     .c_wrap .layout .nav h2 {position: absolute; top: -9999px;}
     .c_wrap .layout .nav ul {padding: 0 20px;}
     .c_wrap .layout .nav ul.menu4 {max-width: 570px;}
+    .c_wrap .layout .nav div.menu5 {max-width: 570px;}
     .c_wrap .layout .nav ul.menu6 {width: 1000px;}
     .c_wrap .layout .nav ul::after {content: ""; display: block; clear: both;}
     .c_wrap .layout .nav ul li {float: left; width: 50%; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }      /* added by lim     width: 50%; ~~~~ overflow: hidden;*/
diff --git a/egovframe-template-simple-react-contribution/src/pages/standardCode/StandardCodeOld.jsx b/egovframe-template-simple-react-contribution/src/pages/standardCode/StandardCodeOld.jsx
index 1209a6a..a65f258 100644
--- a/egovframe-template-simple-react-contribution/src/pages/standardCode/StandardCodeOld.jsx
+++ b/egovframe-template-simple-react-contribution/src/pages/standardCode/StandardCodeOld.jsx
@@ -1,8 +1,12 @@
 import React, { useState } from 'react';
 import {Link, useLocation, useNavigate} from 'react-router-dom';
 import * as EgovNet from 'api/egovFetch';
+import {default as EgovLeftNav} from 'components/leftmenu/EgovLeftNavIntro';
 
 import URL from "constants/url";
+import Row from 'react-bootstrap/Row';
+import Col from 'react-bootstrap/Col';
+import Button from 'react-bootstrap/Button';
 
 function CodeOld(){
 
@@ -22,10 +26,45 @@ function CodeOld(){
                 {/* <!--// Location --> */}
 
                 <div className="layout">
+                    {/* <!-- Navigation --> */}
+                    <EgovLeftNav></EgovLeftNav>
+                    {/* <!--// Navigation --> */}
 
                     <div className="contents" id="contents">
                         {/* <!-- 본문 --> */}
                         <h1 className="tit_3">(구)건설기준</h1>
+
+                        <Row className={"w-100 bg-fa p-3 m-0 border-secondary"}>
+                            <Col className={"f_16"}>설계기준 > 강구조 설계기준(2)</Col>
+                        </Row>
+                        <Row className={"border-secondary-no_top m-0"}>
+                            <Col className={"p-4"}>
+                                <Row className={"py-2"}>
+                                    <Col>1 . 강구조설계기준, 2007(부분개정내용-관보)</Col>
+                                </Row>
+                                <Row className={"border-bottom pb-2"}>
+                                    <Col><Button variant={"outline-secondary"} type={"button"}>설계기준</Button></Col>
+                                </Row>
+                                <Row className={"py-2"}>
+                                    <Col>2 . 강구조설계기준, 2007(부분개정내용-관보)</Col>
+                                </Row>
+                                <Row className={"border-bottom pb-2"}>
+                                    <Col><Button variant={"outline-secondary"} type={"button"}>설계기준</Button></Col>
+                                </Row>
+                                <Row className={"py-2"}>
+                                    <Col>3 . 강구조설계기준, 2007(부분개정내용-관보)</Col>
+                                </Row>
+                                <Row className={"border-bottom pb-2"}>
+                                    <Col><Button variant={"outline-secondary"} type={"button"}>설계기준</Button></Col>
+                                </Row>
+                                <Row className={"py-2"}>
+                                    <Col>4 . 강구조설계기준, 2007(부분개정내용-관보)</Col>
+                                </Row>
+                                <Row className={"border-bottom pb-2"}>
+                                    <Col><Button variant={"outline-secondary"} type={"button"}>설계기준</Button></Col>
+                                </Row>
+                            </Col>
+                        </Row>
                     </div>
                 </div>
             </div>

From 6849850039413527a8e94951eb8b08586f5bdfe7 Mon Sep 17 00:00:00 2001
From: "Lim\\jun" <juno4325@hotmail.com>
Date: Thu, 20 Jun 2024 11:06:15 +0900
Subject: [PATCH 10/14] =?UTF-8?q?=ED=8D=BC=EB=B8=94=20=EC=97=85=EB=8E=83?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../components/leftmenu/EgovLeftNavIntro.jsx  | 28 +++++++++++++++----
 .../src/constants/url.js                      |  3 +-
 .../src/css/layout.css                        |  2 +-
 .../src/pages/main/EgovMain.jsx               |  2 +-
 .../pages/standardCode/StandardCodeOld.jsx    |  2 --
 5 files changed, 27 insertions(+), 10 deletions(-)

diff --git a/egovframe-template-simple-react-contribution/src/components/leftmenu/EgovLeftNavIntro.jsx b/egovframe-template-simple-react-contribution/src/components/leftmenu/EgovLeftNavIntro.jsx
index 6a2dcb0..721270e 100644
--- a/egovframe-template-simple-react-contribution/src/components/leftmenu/EgovLeftNavIntro.jsx
+++ b/egovframe-template-simple-react-contribution/src/components/leftmenu/EgovLeftNavIntro.jsx
@@ -1,6 +1,6 @@
 import React from 'react';
 
-import { NavLink } from 'react-router-dom';
+import {NavLink, useLocation} from 'react-router-dom';
 import {Accordion} from "react-bootstrap";
 
 import Row from 'react-bootstrap/Row';
@@ -10,10 +10,28 @@ import Button from 'react-bootstrap/Button';
 import URL from 'constants/url';
 
 function EgovLeftNavIntro() {
-    // 활성화 임시키 (상황에 맞게 사용하세요)
-    let activeKey = 0;
-    
-    return (
+    const location = useLocation();
+    const getLastFolder = (url) => {                      // 중간 폴더를 가져오는 로직 추가
+        const parts = url.split('/').filter(Boolean);           // '/'로 분할하고 빈 문자열을 필터링
+        if (parts.length >= 2) {
+            return parts[2];                                    // 3번째 폴더 반환
+        }
+        return null;
+    };
+    const activeFolder = getLastFolder(location.pathname);
+
+    let activeKey;
+    if (activeFolder === "3") {
+        activeKey = 1;
+    } else if (activeFolder === "4") {
+        activeKey = 2;
+    } else if (activeFolder === "5") {
+        activeKey = 3;
+    } else {
+        activeKey = 0;
+    }
+
+        return (
         <div className="nav2">
             <div className="inner">
                 <Row className={"pt-4 pb-2 mb-1"}>
diff --git a/egovframe-template-simple-react-contribution/src/constants/url.js b/egovframe-template-simple-react-contribution/src/constants/url.js
index a9b9170..fb6332b 100644
--- a/egovframe-template-simple-react-contribution/src/constants/url.js
+++ b/egovframe-template-simple-react-contribution/src/constants/url.js
@@ -56,7 +56,8 @@ const URL = {
     STANDARD_CODE_INFO          : "/standardCode/info", //건설기준코드/건설기준코드 안내
     STANDARD_CODE_TERM          : "/standardCode/term", //건설기준코드/건설기준코드 용어
     STANDARD_CODE_ENG           : "/standardCode/eng", //건설기준코드/영문 건설기준코드
-    STANDARD_CODE_OLD           : "/standardCode/old", //건설기준코드/(구)건설기준코드
+    STANDARD_CODE_OLD           : "/standardCode/old/:Code", //건설기준코드/(구)건설기준코드
+    STANDARD_CODE_OLD_NOCODE    : "/standardCode/old", //건설기준코드/(구)건설기준코드
     STANDARD_CODE_LIST          : "/standardCode/list", //건설기준코드/리스트
     STANDARD_CODE_LIST_LINK     : "/standardCode/list/:listCode", //건설기준코드/리스트
     STANDARD_CODE_DETAIL        : "/standardCode/detail", //건설기준코드/리스트
diff --git a/egovframe-template-simple-react-contribution/src/css/layout.css b/egovframe-template-simple-react-contribution/src/css/layout.css
index f823dfc..502621b 100644
--- a/egovframe-template-simple-react-contribution/src/css/layout.css
+++ b/egovframe-template-simple-react-contribution/src/css/layout.css
@@ -103,7 +103,7 @@ body {min-width: 1400px;}
 .c_wrap .layout .nav2 ul li a.cur {color: #222; font-weight: 700; }
 
 .c_wrap .layout .contents .border-secondary {border : 1px solid #6c757d;}
-.c_wrap .layout .contents .border-secondary-no_top {border-left: 1px solid #6c757d; border-right: 1px solid #6c757d; border-bottom: 1px solid #6c757d; height: 400px; overflow-y: scroll;}
+.c_wrap .layout .contents .border-secondary-no_top {border-left: 1px solid #6c757d; border-right: 1px solid #6c757d; border-bottom: 1px solid #6c757d; height: 500px; overflow-y: scroll;}
 
 .c_wrap .layout .contents {display: table-cell; width: auto; vertical-align: top; padding-left: 30px;}
 
diff --git a/egovframe-template-simple-react-contribution/src/pages/main/EgovMain.jsx b/egovframe-template-simple-react-contribution/src/pages/main/EgovMain.jsx
index 7a1ce51..83e73de 100644
--- a/egovframe-template-simple-react-contribution/src/pages/main/EgovMain.jsx
+++ b/egovframe-template-simple-react-contribution/src/pages/main/EgovMain.jsx
@@ -274,7 +274,7 @@ function EgovMain(props) {
                         </Row>
                         <Row>
                             <Col>
-                                <Link to={URL.STANDARD_CODE_OLD} className="link-wrapper">
+                                <Link to={URL.STANDARD_CODE_OLD_NOCODE+'/5'} className="link-wrapper">
                                     <div className={"topbox_13"}><img src="/assets/images/ico-landing5.png" /></div>
                                     <div className={"topbox_14"}>훈령/예규/지침</div>
                                 </Link>
diff --git a/egovframe-template-simple-react-contribution/src/pages/standardCode/StandardCodeOld.jsx b/egovframe-template-simple-react-contribution/src/pages/standardCode/StandardCodeOld.jsx
index a65f258..8c52677 100644
--- a/egovframe-template-simple-react-contribution/src/pages/standardCode/StandardCodeOld.jsx
+++ b/egovframe-template-simple-react-contribution/src/pages/standardCode/StandardCodeOld.jsx
@@ -10,8 +10,6 @@ import Button from 'react-bootstrap/Button';
 
 function CodeOld(){
 
-
-
     return (
         <div className="container">
             <div className="c_wrap">

From d05496b32492f81a47c77199fe80b928d7635420 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: Thu, 20 Jun 2024 11:38:19 +0900
Subject: [PATCH 11/14] =?UTF-8?q?=EB=B0=B1=EC=97=94=EB=93=9C=20=EA=B2=BD?=
 =?UTF-8?q?=EB=A1=9C=20=EB=B3=80=EA=B2=BD?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 egovframe-template-simple-react-contribution/.env.production | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/egovframe-template-simple-react-contribution/.env.production b/egovframe-template-simple-react-contribution/.env.production
index e52ed01..28bdb83 100644
--- a/egovframe-template-simple-react-contribution/.env.production
+++ b/egovframe-template-simple-react-contribution/.env.production
@@ -4,7 +4,7 @@
 NODE_PATH=src/
 
 ## 절대경로 지정
-REACT_APP_EGOV_CONTEXT_URL=https://back.kcsc.dbnt.co.kr
+REACT_APP_EGOV_CONTEXT_URL=58.234.249.138:50688
 
 ## [보안] 소스맵 삭제
 GENERATE_SOURCEMAP=false

From cec6d47e5aee869c7f71b0cf3c8f5300a6a13547 Mon Sep 17 00:00:00 2001
From: "Lim\\jun" <juno4325@hotmail.com>
Date: Thu, 20 Jun 2024 14:13:46 +0900
Subject: [PATCH 12/14] =?UTF-8?q?=ED=8D=BC=EB=B8=94=20=EC=97=85=EB=8E=83?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../components/leftmenu/EgovLeftNavInform.jsx | 22 ++++++------
 .../src/constants/url.js                      |  2 +-
 .../src/pages/about/EgovAboutSite.jsx         |  2 +-
 .../src/pages/about/EgovAboutSitemap.jsx      | 35 -------------------
 .../src/pages/inform/Email.jsx                | 34 ++++++++++++++++--
 .../src/pages/inform/Private.jsx              | 32 ++++++++++++++++-
 .../src/pages/inform/Sitemap.jsx              | 31 +++++++++++++++-
 .../src/routes/index.jsx                      |  2 +-
 8 files changed, 105 insertions(+), 55 deletions(-)
 delete mode 100644 egovframe-template-simple-react-contribution/src/pages/about/EgovAboutSitemap.jsx

diff --git a/egovframe-template-simple-react-contribution/src/components/leftmenu/EgovLeftNavInform.jsx b/egovframe-template-simple-react-contribution/src/components/leftmenu/EgovLeftNavInform.jsx
index b5d52ad..d6a5ae5 100644
--- a/egovframe-template-simple-react-contribution/src/components/leftmenu/EgovLeftNavInform.jsx
+++ b/egovframe-template-simple-react-contribution/src/components/leftmenu/EgovLeftNavInform.jsx
@@ -3,24 +3,22 @@ import React from 'react';
 import { NavLink } from 'react-router-dom';
 import URL from 'constants/url';
 
+
 function EgovLeftNavInform() { 
-    console.groupCollapsed("EgovLeftNavInform");
-    console.log("[Start] EgovLeftNavInform ------------------------------");
-    console.log("------------------------------EgovLeftNavInform [End]");
-    console.groupEnd("EgovLeftNavInform");
+
     return (
-        <div className="nav">
+        <div className="nav1">
             <div className="inner">
-                <h2>알림마당</h2>
-                <ul className="menu4">
-                    <li><NavLink to={URL.INFORM_DAILY} className={({ isActive }) => (isActive ? "cur" : "")}>오늘의행사</NavLink></li>
-                    <li><NavLink to={URL.INFORM_WEEKLY} className={({ isActive }) => (isActive ? "cur" : "")}>금주의행사</NavLink></li>
-                    <li><NavLink to={URL.INFORM_NOTICE} className={({ isActive }) => (isActive ? "cur" : "")}>공지사항</NavLink></li>
-                    <li><NavLink to={URL.INFORM_GALLERY} className={({ isActive }) => (isActive ? "cur" : "")}>사이트갤러리</NavLink></li>
+                <h2 className={"nav_title"}>사이트 안내</h2>
+                <ul className="menu10">
+                    <li><NavLink to={URL.ABOUT_SITEMAP} className={({ isActive }) => (isActive ? "cur" : "")}>사이트맵</NavLink></li>
+                    <li><NavLink to={URL.PRIVATE} className={({ isActive }) => (isActive ? "cur" : "")}>개인정보처리방침</NavLink></li>
+                    <li><NavLink to={URL.EMAIL} className={({ isActive }) => (isActive ? "cur" : "")}>이메일무단수집거부</NavLink></li>
                 </ul>
             </div>
         </div>
     );
 }
 
-export default React.memo(EgovLeftNavInform);
\ No newline at end of file
+// export default React.memo(EgovLeftNavInform);
+export default EgovLeftNavInform;
\ No newline at end of file
diff --git a/egovframe-template-simple-react-contribution/src/constants/url.js b/egovframe-template-simple-react-contribution/src/constants/url.js
index fb6332b..a63c209 100644
--- a/egovframe-template-simple-react-contribution/src/constants/url.js
+++ b/egovframe-template-simple-react-contribution/src/constants/url.js
@@ -18,7 +18,7 @@ const URL = {
     ABOUT_PROMOTE               : "/about/promote", // 사이트소개/홍보자료
     ABOUT_ORGANIZATION          : "/about/organization", // 사이트소개/조직소개
     ABOUT_LOCATION              : "/about/location", // 사이트소개/찾아오시는길
-    ABOUT_SITEMAP               : "/about/sitemap", // 사이트소개/사이트맵
+    ABOUT_SITEMAP               : "/inform/sitemap", // 사이트소개/사이트맵
     
     //INTRO
     // INTRO                       : "/intro", //정보마당
diff --git a/egovframe-template-simple-react-contribution/src/pages/about/EgovAboutSite.jsx b/egovframe-template-simple-react-contribution/src/pages/about/EgovAboutSite.jsx
index 5797faf..d8947c7 100644
--- a/egovframe-template-simple-react-contribution/src/pages/about/EgovAboutSite.jsx
+++ b/egovframe-template-simple-react-contribution/src/pages/about/EgovAboutSite.jsx
@@ -2,7 +2,7 @@ import React from 'react';
 import { Link } from 'react-router-dom';
 
 import { default as EgovLeftNav } from 'components/leftmenu/EgovLeftNavAbout';
-import URL from "../../constants/url";
+import URL from "constants/url";
 
 function EgovAboutSite() {
     return (
diff --git a/egovframe-template-simple-react-contribution/src/pages/about/EgovAboutSitemap.jsx b/egovframe-template-simple-react-contribution/src/pages/about/EgovAboutSitemap.jsx
deleted file mode 100644
index 6f29f4f..0000000
--- a/egovframe-template-simple-react-contribution/src/pages/about/EgovAboutSitemap.jsx
+++ /dev/null
@@ -1,35 +0,0 @@
-import React, { useState } from 'react';
-import {Link, useLocation, useNavigate} from 'react-router-dom';
-import * as EgovNet from 'api/egovFetch';
-import URL from "../../constants/url";
-
-function Sitemap(){
-
-
-
-    return (
-        <div className="container">
-            <div className="c_wrap">
-                {/* <!-- Location --> */}
-                <div className="location">
-                    <ul>
-                        <li><Link to={URL.MAIN} className="home" >Home</Link></li>
-                        <li><Link to={URL.ABOUT}>센터 소개</Link></li>
-                        <li>사이트맵</li>
-                    </ul>
-                </div>
-                {/* <!--// Location --> */}
-
-                <div className="layout">
-
-                    <div className="contents" id="contents">
-                        {/* <!-- 본문 --> */}
-                        <h1 className="tit_3">사이트맵</h1>
-                    </div>
-                </div>
-            </div>
-        </div>
-    );
-}
-
-export default Sitemap;
\ No newline at end of file
diff --git a/egovframe-template-simple-react-contribution/src/pages/inform/Email.jsx b/egovframe-template-simple-react-contribution/src/pages/inform/Email.jsx
index b1a5226..84afb76 100644
--- a/egovframe-template-simple-react-contribution/src/pages/inform/Email.jsx
+++ b/egovframe-template-simple-react-contribution/src/pages/inform/Email.jsx
@@ -1,13 +1,41 @@
 import React, { useState } from 'react';
 import {Link, useLocation, useNavigate} from 'react-router-dom';
 import * as EgovNet from 'api/egovFetch';
+import URL from "constants/url";
+
+import { default as EgovLeftNav } from 'components/leftmenu/EgovLeftNavInform';
 
 function Email(){
 
-
-
     return (
-        <div>이메일 무단수집 거부</div>
+        <div className="container">
+            <div className="c_wrap">
+                {/* <!-- Location --> */}
+                <div className="location">
+                    <ul>
+                        <li><Link to={URL.MAIN} className="home">Home</Link></li>
+                        <li><Link to={URL.ABOUT_SITEMAP}>사이트 안내</Link></li>
+                        <li>이메일 무단수집 거부</li>
+                    </ul>
+                </div>
+                {/* <!--// Location --> */}
+
+                <div className="layout">
+                    {/* <!-- Navigation --> */}
+                    <EgovLeftNav></EgovLeftNav>
+                    {/* <!--// Navigation --> */}
+
+                    <div className="contents SITE_INTRO" id="contents">
+                        {/* <!-- 본문 --> */}
+
+                        <h1 className="tit_3">이메일 무단수집 거부</h1>
+
+
+                        {/* <!--// 본문 --> */}
+                    </div>
+                </div>
+            </div>
+        </div>
     );
 }
 
diff --git a/egovframe-template-simple-react-contribution/src/pages/inform/Private.jsx b/egovframe-template-simple-react-contribution/src/pages/inform/Private.jsx
index 8a3ea2e..4acc649 100644
--- a/egovframe-template-simple-react-contribution/src/pages/inform/Private.jsx
+++ b/egovframe-template-simple-react-contribution/src/pages/inform/Private.jsx
@@ -1,13 +1,43 @@
 import React, { useState } from 'react';
 import {Link, useLocation, useNavigate} from 'react-router-dom';
 import * as EgovNet from 'api/egovFetch';
+import URL from "constants/url";
+
+import { default as EgovLeftNav } from 'components/leftmenu/EgovLeftNavInform';
 
 function Private(){
 
 
 
     return (
-        <div>개인정보처리방침</div>
+        <div className="container">
+            <div className="c_wrap">
+                {/* <!-- Location --> */}
+                <div className="location">
+                    <ul>
+                        <li><Link to={URL.MAIN} className="home">Home</Link></li>
+                        <li><Link to={URL.ABOUT_SITEMAP}>사이트 안내</Link></li>
+                        <li>개인정보처리방침</li>
+                    </ul>
+                </div>
+                {/* <!--// Location --> */}
+
+                <div className="layout">
+                    {/* <!-- Navigation --> */}
+                    <EgovLeftNav></EgovLeftNav>
+                    {/* <!--// Navigation --> */}
+
+                    <div className="contents SITE_INTRO" id="contents">
+                        {/* <!-- 본문 --> */}
+
+                        <h1 className="tit_3">개인정보처리방침</h1>
+
+
+                        {/* <!--// 본문 --> */}
+                    </div>
+                </div>
+            </div>
+        </div>
     );
 }
 
diff --git a/egovframe-template-simple-react-contribution/src/pages/inform/Sitemap.jsx b/egovframe-template-simple-react-contribution/src/pages/inform/Sitemap.jsx
index 349d697..e5e72f7 100644
--- a/egovframe-template-simple-react-contribution/src/pages/inform/Sitemap.jsx
+++ b/egovframe-template-simple-react-contribution/src/pages/inform/Sitemap.jsx
@@ -1,13 +1,42 @@
 import React, { useState } from 'react';
 import {Link, useLocation, useNavigate} from 'react-router-dom';
 import * as EgovNet from 'api/egovFetch';
+import URL from "constants/url";
+
+import { default as EgovLeftNav } from 'components/leftmenu/EgovLeftNavInform';
 
 function Sitemap(){
 
 
 
     return (
-        <div>사이트맵</div>
+        <div className="container">
+            <div className="c_wrap">
+                {/* <!-- Location --> */}
+                <div className="location">
+                    <ul>
+                        <li><Link to={URL.MAIN} className="home">Home</Link></li>
+                        <li>사이트맵</li>
+                    </ul>
+                </div>
+                {/* <!--// Location --> */}
+
+                <div className="layout">
+                    {/* <!-- Navigation --> */}
+                    <EgovLeftNav></EgovLeftNav>
+                    {/* <!--// Navigation --> */}
+
+                    <div className="contents SITE_INTRO" id="contents">
+                        {/* <!-- 본문 --> */}
+
+                        <h1 className="tit_3">사이트맵</h1>
+
+
+                        {/* <!--// 본문 --> */}
+                    </div>
+                </div>
+            </div>
+        </div>
     );
 }
 
diff --git a/egovframe-template-simple-react-contribution/src/routes/index.jsx b/egovframe-template-simple-react-contribution/src/routes/index.jsx
index 6274387..4a86a96 100644
--- a/egovframe-template-simple-react-contribution/src/routes/index.jsx
+++ b/egovframe-template-simple-react-contribution/src/routes/index.jsx
@@ -24,7 +24,7 @@ import EgovAboutHistory from 'pages/about/EgovAboutHistory';
 import EgovAboutPromote from 'pages/about/EgovAboutPromote';
 import EgovAboutOrganization from 'pages/about/EgovAboutOrganization';
 import EgovAboutLocation from 'pages/about/EgovAboutLocation';
-import EgovAboutSitemap from 'pages/about/EgovAboutSitemap';
+import EgovAboutSitemap from 'pages/inform/Sitemap';
 
 //INTRO
 // import EgovIntroWork from 'pages/intro/EgovIntroWork';

From dc6811870f80b6bc38fd0d4e4ad9ad59095d21e2 Mon Sep 17 00:00:00 2001
From: "Lim\\jun" <juno4325@hotmail.com>
Date: Thu, 20 Jun 2024 15:07:33 +0900
Subject: [PATCH 13/14] =?UTF-8?q?=ED=8D=BC=EB=B8=94=20=EC=97=85=EB=8E=83?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../src/constants/url.js                      |   7 +-
 .../src/css/page.css                          |  17 ++
 .../src/pages/committee/Progress.jsx          | 102 +++++++++-
 .../src/pages/committee/ProgressDetail.jsx    | 180 ++++++++++++++++++
 .../src/routes/index.jsx                      |   2 +
 5 files changed, 304 insertions(+), 4 deletions(-)
 create mode 100644 egovframe-template-simple-react-contribution/src/pages/committee/ProgressDetail.jsx

diff --git a/egovframe-template-simple-react-contribution/src/constants/url.js b/egovframe-template-simple-react-contribution/src/constants/url.js
index a63c209..7343984 100644
--- a/egovframe-template-simple-react-contribution/src/constants/url.js
+++ b/egovframe-template-simple-react-contribution/src/constants/url.js
@@ -26,9 +26,10 @@ const URL = {
     // INTRO_SERVICE               : "/intro/service", // 정보마당/주요서비스소개
 
     //COMMITTEE
-    COMMITTEE                : "/committee", //위원회
-    COMMITTEE_PROGRESS       : "/committee/progress", // 위원회/진행현황
-    COMMITTEE_SCHEDULE       : "/committee/schedule", // 위원회/위원회일정
+    COMMITTEE                   : "/committee", //위원회
+    COMMITTEE_PROGRESS          : "/committee/progress", // 위원회/진행현황
+    COMMITTEE_PROGRESS_DETAIL   : "/committee/progressdetail", // 위원회/진행현황 상세보기
+    COMMITTEE_SCHEDULE          : "/committee/schedule", // 위원회/위원회일정
 
     //SUPPORT
     SUPPORT                     : "/support", // 고객지원
diff --git a/egovframe-template-simple-react-contribution/src/css/page.css b/egovframe-template-simple-react-contribution/src/css/page.css
index 5a4f822..64f1b2c 100644
--- a/egovframe-template-simple-react-contribution/src/css/page.css
+++ b/egovframe-template-simple-react-contribution/src/css/page.css
@@ -488,6 +488,23 @@
     .poll_title {font-size: 15px; padding-left: 10px;}
     .poll_answer {padding-left: 20px;}
 
+    /* 위원회 진행현황 */
+    .BRD020 .head > span:nth-child(1) {position: relative; width: 60px;}
+    .BRD020 .head > span:nth-child(2) {position: relative; width: 80px;}
+    .BRD020 .head > span:nth-child(3) {position: relative; width: 180px;}
+    .BRD020 .head > span:nth-child(4) {position: relative; }
+    .BRD020 .head > span:nth-child(5) {position: relative; width: 120px;}
+    .BRD020 .head > span:nth-child(6) {position: relative; width: 120px;}
+    .BRD020 .head > span:nth-child(7) {position: relative; width: 100px;}
+    .BRD020 .head > span:nth-child(-n+6)::after {position: absolute; content: ''; right: 0; bottom: 0; height: 50%; border-right: 1px solid #B5B5B5;}
+    .BRD020 .result .list_item > div:nth-child(1) {width: 60px;}
+    .BRD020 .result .list_item > div:nth-child(2) {width: 80px;}
+    .BRD020 .result .list_item > div:nth-child(3) {width: 180px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; text-align: left;}
+    .BRD020 .result .list_item > div:nth-child(4) {text-overflow: ellipsis; white-space: nowrap; overflow: hidden; text-align: left; padding-left: 5px;}
+    .BRD020 .result .list_item > div:nth-child(5) {width: 120px;}
+    .BRD020 .result .list_item > div:nth-child(6) {width: 120px;}
+    .BRD020 .result .list_item > div:nth-child(7) {width: 100px;}
+
 
     /* 찾아오시는길 */
     .SITE_CONTACT_US .map {margin-top: 43px;}
diff --git a/egovframe-template-simple-react-contribution/src/pages/committee/Progress.jsx b/egovframe-template-simple-react-contribution/src/pages/committee/Progress.jsx
index 0cb18dd..22b4024 100644
--- a/egovframe-template-simple-react-contribution/src/pages/committee/Progress.jsx
+++ b/egovframe-template-simple-react-contribution/src/pages/committee/Progress.jsx
@@ -1,7 +1,9 @@
 import React, { useState } from 'react';
 import {Link, useLocation, useNavigate} from 'react-router-dom';
 import * as EgovNet from 'api/egovFetch';
-import URL from "../../constants/url";
+import URL from "constants/url";
+import Row from "react-bootstrap/Row";
+import Col from "react-bootstrap/Col";
 
 function Progress(){
 
@@ -25,6 +27,104 @@ function Progress(){
                     <div className="contents" id="contents">
                         {/* <!-- 본문 --> */}
                         <h1 className="tit_3">진행현황</h1>
+
+                        {/* <!-- 검색조건 --> */}
+                        <div className="condition1">
+                            <ul>
+                                <li className="">
+                                    <label className="" htmlFor="search_select">
+                                        <select defaultValue={"0"} name="search_select" id="search_select" className="form-select shadow-none" >
+                                            <option value="0">전체</option>
+                                            <option value="1">제정</option>
+                                            <option value="2">개정</option>
+                                            <option value="3">제ㆍ개정 </option>
+                                        </select>
+                                    </label>
+                                </li>
+                                <li className="">
+                                    <input type="text" name="" placeholder="" className="form-control shadow-none rounded-2" />
+                                </li>
+                                <li className="">
+                                    <button type="button" className="btn btn-outline-secondary px-4">검색</button>
+                                </li>
+                            </ul>
+                        </div>
+                        {/* <!--// 검색조건 --> */}
+
+                        {/* <!-- 게시판목록 --> */}
+                        <div className="board_list BRD020">
+                            <div className="head">
+                                <span>번호</span>
+                                <span>구분</span>
+                                <span>코드명</span>
+                                <span>제목</span>
+                                <span>진행위원회</span>
+                                <span>진행상태</span>
+                                <span>등록일</span>
+                            </div>
+                            <div className="result">
+                                {/* <!-- case : 데이터 없을때 --> */}
+                                {/* <p className="no_data" key="0">검색된 결과가 없습니다.</p> */}
+
+                                {/* <!-- case : 데이터 있을때 --> */}
+                                <Link to={URL.COMMITTEE_PROGRESS_DETAIL} className="list_item">
+                                    <div>3</div>
+                                    <div>개정</div>
+                                    <div>KDS 41 30 10 건축물 강구조 설계기준</div>
+                                    <div>KDS/KCS 41 00 00(건축구조기준/건축공사표준시방서) 부분개정 [3]</div>
+                                    <div>사전검토의견</div>
+                                    <div>중앙건설기술심의</div>
+                                    <div>2022-06-20</div>
+                                </Link>
+                                <Link to={URL.COMMITTEE_PROGRESS_DETAIL} className="list_item">
+                                    <div>3</div>
+                                    <div>개정</div>
+                                    <div>KDS 41 30 10 건축물 강구조 설계기준</div>
+                                    <div>KDS/KCS 41 00 00(건축구조기준/건축공사표준시방서) 부분개정</div>
+                                    <div>사전검토의견</div>
+                                    <div>중앙건설기술심의</div>
+                                    <div>2022-06-20</div>
+                                </Link>
+                                <Link to={URL.COMMITTEE_PROGRESS_DETAIL} className="list_item">
+                                    <div>3</div>
+                                    <div>개정</div>
+                                    <div>KDS 41 30 10 건축물 강구조 설계기준</div>
+                                    <div>KDS/KCS 41 00 00(건축구조기준/건축공사표준시방서) 부분개정 [5]</div>
+                                    <div>사전검토의견</div>
+                                    <div>중앙건설기술심의</div>
+                                    <div>2022-06-20</div>
+                                </Link>
+                            </div>
+                        </div>
+                        {/* <!--// 게시판목록 --> */}
+
+                        <Row className="board_bot justify-content-between">
+                            <Col xs={3} className=""></Col>
+                            {/* <!-- Paging --> */}
+                            <Col xs={6} className="paging">
+                                <ul>
+                                    <li className="btn"><button to="" className="first">처음</button></li>
+                                    <li className="btn"><button to="" className="prev">이전</button></li>
+                                    <li><button to="" className="cur">1</button></li>
+                                    <li><button to="">2</button></li>
+                                    <li><button to="">3</button></li>
+                                    <li><button to="">4</button></li>
+                                    <li><button to="">5</button></li>
+                                    <li><button to="">6</button></li>
+                                    <li><button to="">7</button></li>
+                                    <li><button to="">8</button></li>
+                                    <li><button to="">9</button></li>
+                                    <li><button to="">10</button></li>
+                                    <li className="btn"><button to="" className="next">다음</button></li>
+                                    <li className="btn"><button to="" className="last">마지막</button></li>
+                                </ul>
+                            </Col>
+                            {/* <!--/ Paging --> */}
+
+                            <Col xs={3} className="text-end"></Col>
+                        </Row>
+
+                        {/* <!--// 본문 --> */}
                     </div>
                 </div>
             </div>
diff --git a/egovframe-template-simple-react-contribution/src/pages/committee/ProgressDetail.jsx b/egovframe-template-simple-react-contribution/src/pages/committee/ProgressDetail.jsx
new file mode 100644
index 0000000..b3b73af
--- /dev/null
+++ b/egovframe-template-simple-react-contribution/src/pages/committee/ProgressDetail.jsx
@@ -0,0 +1,180 @@
+import React, { useState } from 'react';
+import {Link, useLocation, useNavigate} from 'react-router-dom';
+import * as EgovNet from 'api/egovFetch';
+
+import URL from "constants/url";
+import Row from "react-bootstrap/Row";
+import Col from "react-bootstrap/Col";
+import Button from "react-bootstrap/Button";
+
+function ProgressDetail(){
+    const navigate = useNavigate();
+
+    const goToList = () => {
+        navigate(URL.COMMITTEE_PROGRESS);
+    };
+
+    // const goToCreate = () => {
+    //     navigate('/support/create/KCSC-QA');
+    // };
+
+
+    return (
+        <div className="container">
+            <div className="c_wrap">
+                {/* <!-- Location --> */}
+                <div className="location">
+                    <ul>
+                        <li><Link to={URL.MAIN} className="home" >Home</Link></li>
+                        <li><Link to={URL.COMMITTEE}>건설기준위원회</Link></li>
+                        <li>진행현황</li>
+                    </ul>
+                </div>
+                {/* <!--// Location --> */}
+
+                <div className="layout">
+
+                    <div className="contents" id="contents">
+                        {/* <!-- 본문 --> */}
+                        <h1 className="tit_3">진행현황</h1>
+
+                        <div className="board_view2">
+                            <dl>
+                                <dd>[개정] 안건 제목 뿌려주세요.</dd>
+                            </dl>
+                            <dl>
+                                <dt>기준코드</dt>
+                                <dd>
+                                    KDS 41 30 10 건축물 강구조 설계기준
+                                </dd>
+                                <dt>등록일자</dt>
+                                <dd>
+                                    2011-08-08 11:11:11
+                                </dd>
+                            </dl>
+                            <dl>
+                                <dt>회의실 비밀번호</dt>
+                                <dd>
+                                    #*23456234*
+                                </dd>
+                                <dt>회의일자</dt>
+                                <dd>
+                                    2011-08-08 11:11
+                                </dd>
+                            </dl>
+                            <dl>
+                                <dt>회의 담당자</dt>
+                                <dd>
+                                    박성환
+                                </dd>
+                                <dt>등록자</dt>
+                                <dd>
+                                    박성환
+                                </dd>
+                            </dl>
+                            <dl>
+                                <dt>회의 안건</dt>
+                                <dd>
+                                    <textarea className="f_txtar w-100 h-100" name="" id="" rows="4"></textarea>
+                                    {/*textarea 필요없으면 그냥 내용 뿌려주세요.*/}
+                                </dd>
+                            </dl>
+                            <dl>
+                                <dt>사전검토자료</dt>
+                                <dd>
+                                    <span className="file_attach">
+                                        <Link to="">file_name.hwp</Link> <span>[3,626] byte</span>
+                                    </span>
+                                </dd>
+                            </dl>
+                            <dl>
+                                <dt>사전검토양식</dt>
+                                <dd>
+                                    <span className="file_attach">
+                                        <Link to="">file_name.hwp</Link> <span>[3,626] byte</span>
+                                    </span>
+                                </dd>
+                            </dl>
+                            <dl>
+                                <dt>관계기관의견</dt>
+                                <dd>
+                                    <span className="file_attach">
+                                        <Link to="">file_name.hwp</Link> <span>[3,626] byte</span>
+                                    </span>
+                                </dd>
+                            </dl>
+                            <dl>
+                                <dt>조치계획서</dt>
+                                <dd>
+                                    <span className="file_attach">
+                                        <Link to="">file_name.hwp</Link> <span>[3,626] byte</span>
+                                    </span>
+                                </dd>
+                            </dl>
+                            <dl>
+                                <dt>조치결과서</dt>
+                                <dd>
+                                    <span className="file_attach">
+                                        <Link to="">file_name.hwp</Link> <span>[3,626] byte</span>
+                                    </span>
+                                </dd>
+                            </dl>
+                        </div>
+                        <div className="qna_q">
+                            회의 안건을 이곳에 뿌려도 됩니다..원하는 곳에 뿌려주세요.<br />
+                            회의 안건을 이곳에 뿌려도 됩니다..원하는 곳에 뿌려주세요.<br />
+                            회의 안건을 이곳에 뿌려도 됩니다..원하는 곳에 뿌려주세요.<br />
+                            회의 안건을 이곳에 뿌려도 됩니다..원하는 곳에 뿌려주세요.<br />
+                            회의 안건을 이곳에 뿌려도 됩니다..원하는 곳에 뿌려주세요.
+                        </div>
+
+                        <Row className={"py-3 justify-content-between"} >
+                            <Col><Button type={"button"} className={"btn btn-22498E px-4"}  onClick={goToList} >목록</Button></Col>
+                            <Col className={"text-end"}>{/*<Button type={"button"} className={"btn btn-22498E px-4"}  onClick={goToCreate} >수정</Button>*/}</Col>
+                        </Row>
+
+
+                        {/* <!-- 코멘트 등록으로 해서 바로바로 커뮤니케이션이 되도록 하실껀지 의논의 필요해보입니다.--> */}
+                        <Row className="replay justify-content-between">
+                            <Col xs={1} className="text-center">
+                                <label htmlFor="replay_write">최종검토 종합의견</label>
+                            </Col>
+                            <Col xs={10} className="">
+                                {/*파일업로드 및 최종검토결과, 최종검토 종합의견등 3개를 등록해야 하면 공간을 만들어서 더 추가해야 합니다.*/}
+                                <textarea className="f_txtar w-100 h-100" name="" id="replay_write" rows="4"></textarea>
+                            </Col>
+                            <Col xs={1} className="">
+                                <Button type={"button"} className="btn btn-22498E w-100 h-100" >등록</Button>
+                            </Col>
+                        </Row>
+                        {/* <!--// 답변달기 --> */}
+                        <div className="qna_a">
+                            <ul>
+                                <li>
+                                    <span>chanjin, 2011-08-08 12:33:33</span>
+                                    코멘트 달아주세요.<br />
+                                    코멘트 달아주세요.<br />
+                                    <Link to="#" className="btn delete">삭제</Link>
+                                </li>
+                                <li>
+                                    <span>sunrise, 2011-08-07 11:11:11</span>
+                                    코멘트 달아주세요.<br />
+                                    <Link to="#" className="btn delete">삭제</Link>
+                                </li>
+                                <li>
+                                    <span>auto, 2011-08-07 11:11:11</span>
+                                    제가 살펴볼께요 메일로 주세요. test@naver.com
+                                    <Link to="#" className="btn delete">삭제</Link>
+                                </li>
+                            </ul>
+                        </div>
+
+                        {/* <!--// 본문 --> */}
+                    </div>
+                </div>
+            </div>
+        </div>
+    );
+}
+
+export default ProgressDetail;
\ No newline at end of file
diff --git a/egovframe-template-simple-react-contribution/src/routes/index.jsx b/egovframe-template-simple-react-contribution/src/routes/index.jsx
index 4a86a96..0e2e821 100644
--- a/egovframe-template-simple-react-contribution/src/routes/index.jsx
+++ b/egovframe-template-simple-react-contribution/src/routes/index.jsx
@@ -32,6 +32,7 @@ import EgovAboutSitemap from 'pages/inform/Sitemap';
 
 //COMMITTEE
 import CommitteeProgress from 'pages/committee/Progress';
+import CommitteeProgressDetail from 'pages/committee/ProgressDetail';
 import CommitteeSchedule from 'pages/committee/Schedule';
 
 //SUPPORT
@@ -255,6 +256,7 @@ const SecondRoutes = () => {
         {/* COMMITTEE */}
         <Route path={URL.COMMITTEE} element={<Navigate to={URL.COMMITTEE_PROGRESS} />} />
         <Route path={URL.COMMITTEE_PROGRESS} element={<CommitteeProgress />} />
+        <Route path={URL.COMMITTEE_PROGRESS_DETAIL} element={<CommitteeProgressDetail />} />
         <Route path={URL.COMMITTEE_SCHEDULE} element={<CommitteeSchedule />} />
 
         {/* SUPPORT */}

From f502ca35240d895efe94fc09d43095555de6c97b Mon Sep 17 00:00:00 2001
From: "Lim\\jun" <juno4325@hotmail.com>
Date: Thu, 20 Jun 2024 15:29:27 +0900
Subject: [PATCH 14/14] =?UTF-8?q?=ED=8D=BC=EB=B8=94=20=EC=97=85=EB=8E=83?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../src/pages/committee/Schedule.jsx          | 26 ++++++++++++++++++-
 1 file changed, 25 insertions(+), 1 deletion(-)

diff --git a/egovframe-template-simple-react-contribution/src/pages/committee/Schedule.jsx b/egovframe-template-simple-react-contribution/src/pages/committee/Schedule.jsx
index 46edaa3..ebe83b6 100644
--- a/egovframe-template-simple-react-contribution/src/pages/committee/Schedule.jsx
+++ b/egovframe-template-simple-react-contribution/src/pages/committee/Schedule.jsx
@@ -1,7 +1,8 @@
 import React, { useState } from 'react';
 import {Link, useLocation, useNavigate} from 'react-router-dom';
 import * as EgovNet from 'api/egovFetch';
-import URL from "../../constants/url";
+
+import URL from "constants/url";
 
 function Schedule(){
 
@@ -25,6 +26,29 @@ function Schedule(){
                     <div className="contents" id="contents">
                         {/* <!-- 본문 --> */}
                         <h1 className="tit_3">위원회일정</h1>
+
+                        {/* <!-- 검색조건 --> */}
+                        <div className="condition">
+                            <ul>
+                                {/*이공간에 년도 및 월 검색기능 추가하시면 됩니다.*/}
+                                {/*<li className="">*/}
+                                {/*    <label className="" htmlFor="search_select">*/}
+                                {/*        <select defaultValue={"0"} name="search_select" id="search_select" className="form-select shadow-none" >*/}
+                                {/*            <option value="0">전체</option>*/}
+                                {/*        </select>*/}
+                                {/*    </label>*/}
+                                {/*</li>*/}
+                                {/*<li className="">*/}
+                                {/*    <input type="text" name="" placeholder="" className="form-control shadow-none rounded-2" />*/}
+                                {/*</li>*/}
+                                <li className="">
+                                    <button type="button" className="btn btn-outline-secondary px-4">검색</button>
+                                </li>
+                            </ul>
+                        </div>
+                        {/* <!--// 검색조건 --> */}
+
+                        <div className="calendar_list">관리자에 있는 달력을 추가해주세요. 달력은 생략합니다.</div>
                     </div>
                 </div>
             </div>