퍼블 업뎃

egovframe-template-simple-react-contribution/src/css/Custom/customMain.css

@@ -89,8 +89,14 @@
     color: #fff;
 }
 
-
+/* 메인 슬라이더 도트 위치 조정 */
-
+.slick-dots {
+    position: absolute;
+    bottom: 8%;
+    left: 50%;
+    transform: translate(-50%, 50%);
+    z-index: 10;
+}
 
 
 

egovframe-template-simple-react-contribution/src/pages/main/EgovMain.jsx

@@ -101,6 +101,18 @@ function EgovMain(props) {
         pauseOnHover: true
     };
 
+    const settings1 = {
+        dots: true,
+        infinite: true,
+        speed: 1000,
+        slidesToShow: 1,
+        slidesToScroll: 1,
+        arrows: false,
+        autoplay: true,
+        autoplaySpeed: 5000,
+        pauseOnHover: true
+    };
+
     const banners = [
         { src: '/assets/images/f-logo.png', url: 'https://talbakkum.com' },
         { src: '/assets/images/copy2.png', url: 'https://talbakkum.com' },
@@ -566,123 +578,8 @@ function EgovMain(props) {
                             </div>
                         </Col>
                     </Row>
-                    {/*<div className="topbox_1">*/}
-                    {/*    <div className="topbox_11">실시간 인기키워드</div>*/}
-                    {/*    /!*<div className="topbox_12">현재 기준 사용자가 가장 많이 검색하는 키워드입니다.</div>*!/*/}
-                    {/*    <div className="topbox_13">2024년 5월 9일 목요일 오전 11:45</div>*/}
-                    {/*    <Row className="topbox_14">*/}
-                    {/*        <Col xs={6}>*/}
-                    {/*            <div className={"text-truncate"}>1 가설공사</div>*/}
-                    {/*            <div className={"text-truncate"}>2 가설공사</div>*/}
-                    {/*            <div className={"text-truncate"}>3 가설공사</div>*/}
-                    {/*            <div className={"text-truncate"}>4 가설공사가설공사</div>*/}
-                    {/*            <div className={"text-truncate"}>5 가설공사</div>*/}
-                    {/*        </Col>*/}
-                    {/*        <Col xs={6}>*/}
-                    {/*            <div className={"text-truncate"}>&nbsp;&nbsp;6 가설공사</div>*/}
-                    {/*            <div className={"text-truncate"}>&nbsp;&nbsp;7 가설공사가설공사가설공사가설공사</div>*/}
-                    {/*            <div className={"text-truncate"}>&nbsp;&nbsp;8 가설공사</div>*/}
-                    {/*            <div className={"text-truncate"}>&nbsp;&nbsp;9 가설공사</div>*/}
-                    {/*            <div className={"text-truncate"}>10 가설공사</div>*/}
-                    {/*        </Col>*/}
-                    {/*    </Row>*/}
-                    {/*</div>*/}
-                    {/*<div className="topbox_2">*/}
-                    {/*    <div className={"topbox_11"}>자주찾는 서비스</div>*/}
-                    {/*    /!*<div className={"topbox_12"}>버튼을 선택하시면 해당 서비스로 이동합니다.</div>*!/*/}
-                    {/*    <Row>*/}
-                    {/*        <Col>*/}
-                    {/*            <Link to={URL.STANDARD_CODE_LIST} className="link-wrapper">*/}
-                    {/*                <div className={"topbox_13"}><img src="/assets/images/ico-landing1.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">*/}
-                    {/*                <div className={"topbox_13"}><img src="/assets/images/ico-landing2.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">*/}
-                    {/*                <div className={"topbox_13"}><img src="/assets/images/ico-landing3.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">*/}
-                    {/*                <div className={"topbox_13"}><img src="/assets/images/ico-landing4.png" /></div>*/}
-                    {/*                <div className={"topbox_14"}>전문시방서</div>*/}
-                    {/*                /!*<div className={"topbox_15"}><Button type={"button"} className={"btn btn-22498E px-3"}>바로가기</Button> </div>*!/*/}
-                    {/*            </Link>*/}
-                    {/*        </Col>*/}
-                    {/*    </Row>*/}
-                    {/*    <Row>*/}
-                    {/*        <Col>*/}
-                    {/*            <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>*/}
-                    {/*        </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>*/}
-                    {/*            </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>*/}
-                    {/*            </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>*/}
-                    {/*            </Link>*/}
-                    {/*        </Col>*/}
-                    {/*    </Row>*/}
-                    {/*</div>*/}
-                    {/*<div className="topbox_3">*/}
-                    {/*    <div className={"topbox_11"}>{user ? (*/}
-                    {/*        <>*/}
-                    {/*            <Row>*/}
-                    {/*                <Col xs={6}>{user.id} 님.</Col>*/}
-                    {/*                <Col xs={6} className={"text-end"}><Button type={"button"} className={"btn btn-22498E btn-sm"} onClick={logOutHandler}>로그아웃</Button> </Col>*/}
-                    {/*            </Row>*/}
-                    {/*        </>    */}
-                    {/*    ) : ('로그인')}*/}
-                    {/*    </div>*/}
-                    {/*    <div>*/}
-                    {/*        <EgovLogin onChangeLogin={onChangeLogin}></EgovLogin>*/}
-                    {/*    </div>*/}
-                    {/*</div>*/}
                 </div>
 
-
-                {/*<div className="numbox d-flex justify-content-center align-items-center">*/}
-                {/*    <div className="numbox_n"><div className="num_text">다운로드 수</div><div className="num_count"><CountUp start={0} end={334345} duration={2.5} separator="," /><span className="unit">건</span></div></div>*/}
-                {/*    <div className="numbox_n"><div className="num_text">회원가입자 수</div><div className="num_count"><CountUp start={0} end={12345} duration={2.5} separator="," /><span className="unit">명</span></div></div>*/}
-                {/*    <div className="numbox_n"><div className="num_text">일 평균 방문자</div><div className="num_count"><CountUp start={0} end={56427} duration={2.5} separator="," /><span className="unit">명</span></div></div>*/}
-                {/*    <div className="numbox_n"><div className="num_text">개정고시</div><div className="num_count"><CountUp start={0} end={99875} duration={2.5} separator="," /><span className="unit">건</span></div></div>*/}
-                {/*</div>*/}
-
-
-                {/*<div className="menubox d-flex justify-content-center align-items-center">*/}
-                {/*    <div className="menubox_n text-center"><Link to={URL.STANDARD_CODE_OLD}><div className="menu_img"><img src="/assets/images/ico-landing5.png" /></div><div className="menu_text">훈령/예규/지침</div></Link></div>*/}
-                {/*    <div className="menubox_n text-center"><Link to={URL.STANDARD_CODE_ENG}><div className="menu_img"><img src="/assets/images/ico-landing6.png" /></div><div className="menu_text">영문건설기준</div></Link></div>*/}
-                {/*    <div className="menubox_n text-center"><Link to={URL.STANDARD_CODE_TERM}><div className="menu_img"><img src="/assets/images/ico-landing8.png" /></div><div className="menu_text">건설기준용어</div></Link></div>*/}
-                {/*    <div className="menubox_n text-center"><Link to={URL.SUPPORT_LIST_NOCODE+'/KCSC-EVT'}><div className="menu_img"><img src="/assets/images/ico-landing7.png" /></div><div className="menu_text">주요행사</div></Link></div>*/}
-                {/*    <div className="menubox_n text-center"><Link to={URL.SUPPORT_LIST_NOCODE+'/KCSC-INV'}><div className="menu_img"><img src="/assets/images/ico-landing9.png" /></div><div className="menu_text">수요조사</div></Link></div>*/}
-                {/*    <div className="menubox_n text-center"><Link to={URL.SUPPORT_API}><div className="menu_img"><img src="/assets/images/ico-landing10.png" /></div><div className="menu_text">API 서비스</div></Link></div>*/}
-                {/*    <div className="menubox_n text-center"><Link to={URL.SUPPORT_SITE}><div className="menu_img"><img src="/assets/images/ico-landing11.png" /></div><div className="menu_text">관련사이트</div></Link></div>*/}
-                {/*</div>*/}
-
-
                 <div className="bbsbox d-flex justify-content-center align-items-start">
                     <div className="bbsbox_1">
                         <Box sx={{ borderBottom: 2, borderColor: 'divider' }}>
@@ -782,7 +679,13 @@ function EgovMain(props) {
                         <TabPanel value={rightTabValue} index={4}>기술자료 리스트 출력</TabPanel>
                         <TabPanel value={rightTabValue} index={5}>보도자료 리스트 출력</TabPanel>
                     </div>
-                    <div className="bbsbox_2"><Link to={URL.ABOUT_PROMOTE}><img src="/assets/images/narae.jpg" /></Link></div>
+                    <div className="bbsbox_2">
+                        {/*<Link to={URL.ABOUT_PROMOTE}><img src="/assets/images/narae.jpg" /></Link>*/}
+                        <Slider {...settings1}>
+                            <Link to={URL.ABOUT_PROMOTE}><img src="/assets/images/narae.jpg" /></Link>
+                            <Link to={URL.ABOUT_PROMOTE}><img src="/assets/images/narae.jpg" /></Link>
+                        </Slider>
+                    </div>
                 </div>