\r\n {props.items.length > 0 ? (\r\n props.items.map((item, idx) => (\r\n
\r\n
\r\n \r\n {item.subject.substring(0, 15) + \"...\" || \"\"}\r\n \r\n \r\n {item.wdate || \"\"}\r\n \r\n \r\n \r\n ))\r\n ) : (\r\n
\r\n 등록된 {kind[props.kind] || null}가(이) 없습니다.\r\n
\r\n )}\r\n {Array(3 - props.items.length)\r\n .fill()\r\n .map((_, idx) => (\r\n
\r\n ))}\r\n \r\n \r\n \r\n\r\n \r\n \r\n );\r\n default:\r\n return null;\r\n }\r\n };\r\n\r\n return <>{setList()};\r\n}\r\n\r\nexport default MainBoard;\r\n","import Draggable from \"react-draggable\";\r\nimport { Link } from \"react-router-dom\";\r\n\r\nfunction DragsPop(props) {\r\n return (\r\n \r\n \r\n
\r\n \r\n 알림 \r\n \r\n props.setIsPopup((prev) => !prev)}\r\n >\r\n \r\n \r\n \r\n
\r\n
자동차 정기검사업체 안내 \r\n
\r\n 강원특별자치도지사로부터 지정받은 가장 가까운 자동차 검사업체를\r\n 검색할 수 있습니다.\r\n
\r\n
\r\n
\r\n 자동차 정기·종합 검사업체 바로가기\r\n \r\n \r\n
\r\n window.open(\r\n \"https://www.cyberts.kr/is/pvi/pvi/readIsPviPrsecValidityInqireView.do\"\r\n )\r\n }\r\n >\r\n 자동차 검사유효기간 조회 바로가기\r\n \r\n \r\n
\r\n );\r\n}\r\n\r\nexport default DragsPop;\r\n","import { useDispatch } from \"react-redux\";\r\nimport { useEffect, useState } from \"react\";\r\nimport Banner from \"../comp/comm/Banner\";\r\nimport { Link } from \"react-router-dom\";\r\nimport { reqData } from \"../js/server\";\r\nimport MainBoard from \"./comm/MainBoard\";\r\nimport DragsPop from \"./comm/DragsPop\";\r\n\r\nfunction MainContents(props) {\r\n const dispatch = useDispatch();\r\n const [banners, setBanners] = useState([]);\r\n const [infos, setInfos] = useState([]);\r\n const [news, setNews] = useState([]);\r\n const [events, setEvents] = useState([]);\r\n const [gallerys, setGallerys] = useState([]);\r\n const [isPopup, setIsPopup] = useState(true);\r\n\r\n const fetchInfoData = () => {\r\n const jsonData = {\r\n servicename: \"MainBoard\",\r\n kind: \"info\",\r\n };\r\n dispatch({ type: \"loadingChange\", payload: true });\r\n reqData(jsonData)\r\n .then((res) => {\r\n if (res.data.result === \"OK\") {\r\n setInfos(res.data.jsonData);\r\n } else {\r\n alert(res.data.msg);\r\n }\r\n })\r\n .catch((err) => {\r\n console.error(err);\r\n });\r\n };\r\n\r\n const fetchNewsData = () => {\r\n const jsonData = {\r\n servicename: \"MainBoard\",\r\n kind: \"news\",\r\n };\r\n\r\n dispatch({ type: \"loadingChange\", payload: true });\r\n reqData(jsonData)\r\n .then((res) => {\r\n if (res.data.result === \"OK\") {\r\n setNews(res.data.jsonData);\r\n } else {\r\n alert(res.data.msg);\r\n }\r\n })\r\n .catch((err) => {\r\n console.error(err);\r\n });\r\n };\r\n\r\n const fetchEventsData = () => {\r\n const jsonData = {\r\n servicename: \"MainBoard\",\r\n kind: \"event\",\r\n };\r\n\r\n dispatch({ type: \"loadingChange\", payload: true });\r\n reqData(jsonData)\r\n .then((res) => {\r\n if (res.data.result === \"OK\") {\r\n setEvents(res.data.jsonData);\r\n } else {\r\n alert(res.data.msg);\r\n }\r\n })\r\n .catch((err) => {\r\n console.error(err);\r\n });\r\n };\r\n\r\n const fetchGallerysData = () => {\r\n const jsonData = {\r\n servicename: \"MainBoard\",\r\n kind: \"gallery\",\r\n };\r\n\r\n dispatch({ type: \"loadingChange\", payload: true });\r\n reqData(jsonData)\r\n .then((res) => {\r\n if (res.data.result === \"OK\") {\r\n setGallerys(res.data.jsonData);\r\n } else {\r\n alert(res.data.msg);\r\n }\r\n })\r\n .catch((err) => {\r\n console.error(err);\r\n });\r\n };\r\n\r\n const fetchBannerData = () => {\r\n const jsonData = {\r\n servicename: \"BannerList\",\r\n };\r\n\r\n reqData(jsonData)\r\n .then((res) => {\r\n if (res.data.result === \"OK\") {\r\n setBanners(res.data.jsonData);\r\n } else {\r\n alert(res.data.msg);\r\n }\r\n })\r\n .catch((err) => {\r\n console.error(err);\r\n })\r\n .finally(() => {\r\n dispatch({ type: \"loadingChange\", payload: false });\r\n });\r\n };\r\n\r\n useEffect(\r\n () => {\r\n dispatch({ type: \"pageChange\", payload: \"index\" });\r\n dispatch({ type: \"loadingChange\", payload: true });\r\n\r\n //공지사항 데이터 불러오기\r\n fetchInfoData();\r\n //자동차정비뉴스 데이터 불러오기\r\n fetchNewsData();\r\n //경조사 데이터 불러오기\r\n fetchEventsData();\r\n //포토갤러리 데이터 불러오기\r\n fetchGallerysData();\r\n //Partners Banner 불러오기\r\n fetchBannerData();\r\n },\r\n // eslint-disable-next-line\r\n []\r\n );\r\n\r\n return (\r\n <>\r\n {isPopup && \r\n \r\n
\r\n
\r\n
\r\n
\r\n
\r\n 강원특별자치도자동차검사정비사업조합\r\n \r\n
\r\n 친환경 자동차 문화의 선두주자\r\n \r\n\r\n
\r\n \r\n 안전과 신뢰의 자동차 정비 약속\r\n \r\n \r\n 강원특별자치도자동차검사정비사업조합과 함께 창조하는 미래\r\n \r\n
\r\n
\r\n \r\n 조합원 가입하기\r\n
\r\n
\r\n
\r\n
\r\n
\r\n\r\n \r\n \r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n\r\n \r\n \r\n
\r\n
\r\n
\r\n
Since 1967 \r\n
\r\n
\r\n 강원특별자치도자동차검사정비사업조합은 친환경 자동차 시대에\r\n 부응하며, 국민의 안전과 복리 증진을 위해 노력합니다. 지속적인\r\n 교육과 협력을 통해 조합원의 경제적 지위향상과 지역 사회의 균형\r\n 있는 발전을 추구합니다.\r\n
\r\n
\r\n
\r\n
\r\n\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
연혁 \r\n \r\n\r\n
\r\n
\r\n 1967년도 설립되어 정비업의 발전과 조합원 복지증진을 위해\r\n 일하고 있습니다.\r\n
\r\n
\r\n
\r\n \r\n
\r\n\r\n
\r\n
\r\n
\r\n
\r\n
찾아오시는 길 \r\n \r\n
\r\n
\r\n 강원특별자치도 춘천시 동면 만천로 57,\r\n
\r\n
\r\n
\r\n \r\n
\r\n\r\n
\r\n
\r\n
\r\n
\r\n
이사장 인사말 \r\n \r\n
\r\n
\r\n 강원특별자치도자동차검사정비사업조합을 대표하여 조합원\r\n 여러분께 인사드립니다.\r\n
\r\n
\r\n
\r\n \r\n
\r\n\r\n
\r\n
\r\n
\r\n
\r\n
조합정관 \r\n \r\n\r\n
\r\n
\r\n 조합의 정체성과 고유한 특징을 담은 근본 규칙을 살펴봅니다.\r\n
\r\n
\r\n
\r\n \r\n
\r\n\r\n
\r\n
\r\n
\r\n
\r\n
구인정보 \r\n \r\n
\r\n
\r\n 당신의 기업에 완벽한 인재를 찾으세요. 조합이 함께합니다.\r\n
\r\n
\r\n
\r\n \r\n
\r\n\r\n
\r\n
\r\n
\r\n
\r\n
구직정보 \r\n \r\n
\r\n
\r\n 여러분의 미래를 위한 기회가 여기에 있습니다.\r\n
\r\n
\r\n
\r\n \r\n
\r\n
\r\n
\r\n\r\n \r\n \r\n
\r\n
\r\n
\r\n
\r\n
\r\n
404 Error (페이지가 없습니다.) \r\n
\r\n
같은 증상이 반복되는 경우 조합으로 연락주세요 \r\n
\r\n
\r\n
\r\n
\r\n\r\n
홈으로 이동
\r\n
\r\n
\r\n
\r\n )\r\n}\r\n\r\nexport default Page404","import './Loading.css'\r\n\r\nfunction Loading(props) {\r\n const fadeStyle = (props.loading) ? 'fadeIn' : 'fadeOut'\r\n\r\n return (\r\n \r\n )\r\n}\r\n\r\nexport default Loading","import { useEffect, useState } from \"react\";\r\nimport { useHistory } from \"react-router-dom\";\r\n\r\nfunction Footer() {\r\n const history = useHistory();\r\n\r\n const handleSelectChange = (event) => {\r\n const siteUrl = event.target.value;\r\n if (siteUrl) {\r\n window.open(siteUrl, \"_blank\");\r\n }\r\n };\r\n\r\n useEffect(\r\n () => {\r\n window.addEventListener(\"scroll\", getCurrentScroll);\r\n\r\n return () => window.removeEventListener(\"scroll\", getCurrentScroll);\r\n },\r\n // eslint-disable-next-line\r\n []\r\n );\r\n\r\n // scroll에 따라 top이동 버튼\r\n const [scrollRevealCss, setScrollRevealCss] = useState(\r\n \"backtop js-scroll-trigger\"\r\n );\r\n const getCurrentScroll = () => {\r\n if (window.scrollY > 300) {\r\n setScrollRevealCss(\"backtop js-scroll-trigger reveal\");\r\n } else {\r\n setScrollRevealCss(\"backtop js-scroll-trigger\");\r\n }\r\n };\r\n\r\n const fnMoveTop = () => {\r\n window.scrollTo(0, 0);\r\n };\r\n\r\n return (\r\n \r\n \r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n\r\n
\r\n \r\n \r\n 관련사이트 \r\n \r\n 현대자동차\r\n \r\n 한국GM \r\n 기아자동차 \r\n \r\n 르노삼성자동차\r\n \r\n 쌍용자동차 \r\n \r\n \r\n \r\n \r\n 시군청 \r\n \r\n 강원특별자치도청\r\n \r\n \r\n 춘천시청\r\n \r\n 원주시청 \r\n 강릉시청 \r\n 동해시청 \r\n 태백시청 \r\n 속초시청 \r\n 삼척시청 \r\n \r\n 홍천군청\r\n \r\n 횡성군청 \r\n 영월군청 \r\n 평창군청 \r\n 정선군청 \r\n 철원군청 \r\n 화천군청 \r\n 양구군청 \r\n 인제군청 \r\n 고성군청 \r\n 양양군청 \r\n \r\n \r\n \r\n \r\n 시도조합 \r\n 연합회 \r\n 서울조합 \r\n 부산조합 \r\n 대구조합 \r\n 인천조합 \r\n 광주조합 \r\n 대전조합 \r\n 경기조합 \r\n 충북조합 \r\n 충남조합 \r\n 전북조합 \r\n 전남조합 \r\n 경북조합 \r\n 경남조합 \r\n 제주조합 \r\n 울산조합 \r\n 경기북부 \r\n \r\n \r\n \r\n
\r\n
\r\n\r\n
\r\n
\r\n
찾아오시는 길 \r\n
\r\n\r\n
\r\n history.push(\"/Directions\")}\r\n style={{ cursor: \"pointer\" }}\r\n >\r\n (24217) 강원특별자치도 춘천시 동면 만천로 57 \r\n \r\n
\r\n
\r\n\r\n
\r\n
\r\n
연락처 \r\n
\r\n\r\n
\r\n
\r\n 전화 \r\n
\r\n
\r\n
\r\n\r\n
\r\n
\r\n 팩스 \r\n
\r\n
033)257-0741, 0743 \r\n
\r\n
\r\n
\r\n
\r\n\r\n
\r\n
\r\n
\r\n
\r\n © Copyright (C) 2021{\" \"}\r\n \r\n 강원특별자치도자동차검사정비사업조합\r\n \r\n , All Rights reserved\r\n
\r\n
\r\n
\r\n\r\n
\r\n
\r\n \r\n \r\n
\r\n
\r\n
\r\n
\r\n );\r\n}\r\n\r\nexport default Footer;\r\n","import ContentLoader from \"react-content-loader\";\r\n\r\nconst idCheck = (val) => {\r\n if (!val) return false;\r\n\r\n const idRule = /^[a-z]+[a-z0-9]{5,19}$/g;\r\n return idRule.test(val);\r\n};\r\n\r\nconst pwCheck = (val) => {\r\n if (!val) return false;\r\n\r\n const pwRule = /^(?=.*[a-zA-Z])(?=.*[0-9]).{5,19}$/;\r\n return pwRule.test(val);\r\n};\r\n\r\nconst fnNotAdmin = () => {\r\n alert(\"관리자만 접근 가능한 메뉴입니다.\");\r\n window.location.href = \"/\";\r\n};\r\n\r\nconst fnNotLogin = () => {\r\n localStorage.removeItem(\"userinfo\");\r\n alert(\"로그인 후 사용가능한 메뉴입니다.\");\r\n window.location.href = \"/Login\";\r\n};\r\n\r\nconst fnNotOfficers = () => {\r\n alert(\"이용 권한이 없는 메뉴입니다.\");\r\n window.location.href = \"/\";\r\n};\r\n\r\n//게시판 신규작성 권한 확인\r\nconst canWrite = (kind, userType) => {\r\n const adminBoards = [\r\n \"pds01\",\r\n \"pds02\",\r\n \"pds03\",\r\n \"pds04\",\r\n \"pds05\",\r\n \"pds06\",\r\n \"pds07\",\r\n \"pds08\",\r\n \"docu\",\r\n \"schedule\",\r\n \"gallery\",\r\n \"info\",\r\n \"news\",\r\n \"laws\",\r\n \"event\",\r\n ];\r\n const generalBoards = [\"free\", \"joboffer\", \"jobsearch\"];\r\n\r\n if (adminBoards.includes(kind)) {\r\n return userType === \"0\" || userType === \"1\";\r\n }\r\n\r\n if (generalBoards.includes(kind)) {\r\n return [\"0\", \"1\", \"2\", \"3\"].includes(userType);\r\n }\r\n\r\n return false;\r\n};\r\n\r\nconst getSubHeader = (kind) => {\r\n switch (kind) {\r\n case \"info\":\r\n return (\r\n \r\n
공지사항 \r\n 검사조합에서 알려 드립니다. \r\n \r\n );\r\n case \"docu\":\r\n return (\r\n \r\n
문서함 \r\n 검사조합 운영 및 참여에 필요한 문서를 공유해 드립니다. \r\n \r\n );\r\n case \"pds01\":\r\n return (\r\n \r\n
산업안전보건 자료실 \r\n 안전관리 및 건강 유지를 위한 다양한 자료를 찾아보세요. \r\n \r\n );\r\n case \"pds02\":\r\n return (\r\n \r\n
정비업무 자료실 \r\n 자동차 정비에 관한 모든 문서와 가이드를 한 곳에서 \r\n \r\n );\r\n case \"pds03\":\r\n return (\r\n \r\n
기타 자료실 \r\n \r\n 다양한 주제에 대한 추가적인 정보와 자료를 탐색할 수 있습니다.\r\n \r\n \r\n );\r\n case \"pds04\":\r\n return (\r\n \r\n
서식 자료실 \r\n \r\n 필요한 양식과 템플릿을 쉽고 빠르게 찾을 수 있는 공간입니다.\r\n \r\n \r\n );\r\n case \"pds05\":\r\n return (\r\n \r\n
조합임원 자료실 \r\n 조합 운영 및 관리에 필요한 공식 문서와 자료를 확인하세요. \r\n \r\n );\r\n case \"pds06\":\r\n return (\r\n \r\n
검사업무 자료실 \r\n 자동차 검사와 관련된 모든 자료가 여기에! \r\n \r\n );\r\n case \"pds07\":\r\n return (\r\n \r\n
교육일정 및 신청안내 \r\n \r\n 다양한 교육과정과 신청 방법에 대한 상세 정보를 확인하세요.\r\n \r\n \r\n );\r\n case \"pds08\":\r\n return (\r\n \r\n
조합자료실 \r\n \r\n 조합 직원들을 위한 전용 자료 공유 공간\r\n \r\n \r\n );\r\n case \"news\":\r\n return (\r\n \r\n
자동차정비뉴스 \r\n 최신 트렌드와 업계 동향을 한 눈에 확인하세요. \r\n \r\n );\r\n case \"laws\":\r\n return (\r\n \r\n
자동차관련법규 \r\n \r\n 정비 전문가들을 위한 최신 자동차 관련 법규와 규정 업데이트 정보를\r\n 제공합니다.\r\n \r\n \r\n );\r\n case \"joboffer\":\r\n return (\r\n \r\n
구인정보 \r\n 자격을 갖춘 인재와의 만남, 지금 바로 시작하세요! \r\n \r\n );\r\n case \"jobsearch\":\r\n return (\r\n \r\n
구직정보 \r\n 당신의 능력에 딱 맞는 직장을 찾아보세요! \r\n \r\n );\r\n case \"free\":\r\n return (\r\n \r\n
자유게시판 \r\n 커뮤니티의 목소리, 여러분의 이야기를 나누세요! \r\n \r\n );\r\n case \"schedule\":\r\n return (\r\n \r\n
이사장 동정 \r\n 이사장의 활동 업데이트, 한눈에 알아보세요! \r\n \r\n );\r\n case \"gallery\":\r\n return (\r\n \r\n
포토갤러리 \r\n 각종 행사와 모임의 생생한 순간들을 확인해보세요! \r\n \r\n );\r\n case \"event\":\r\n return (\r\n \r\n
경조사 \r\n 조합원 간의 화합과 결속을 위한 공간입니다. \r\n \r\n );\r\n default:\r\n return (\r\n \r\n \r\n
\r\n );\r\n }\r\n};\r\n\r\nconst getServiceName = (kind) => {\r\n // 1. 관리자 작성 권한 게시판\r\n // - 공지사항 : InfoList (★)\r\n // - 문서수신 : DocuList (★)\r\n // - 자료실 : PdsList (★)\r\n // - 보도자료 : CastList (★)\r\n\r\n // 2. 관리자, 회원 작성권한 게시판\r\n // - 구인정보 : JobOfferList\r\n // - 구직정보 : JobSearchList\r\n // - 벼룩시장 : MarketList\r\n // - 자유게시판 : FreeList\r\n\r\n switch (kind) {\r\n case \"info\":\r\n return \"Info\";\r\n case \"docu\":\r\n return \"Docu\";\r\n case \"pds01\":\r\n return \"Pds01\";\r\n case \"pds02\":\r\n return \"Pds02\";\r\n case \"pds03\":\r\n return \"Pds03\";\r\n case \"pds04\":\r\n return \"Pds04\";\r\n case \"pds05\":\r\n return \"Pds05\";\r\n case \"pds06\":\r\n return \"Pds06\";\r\n case \"pds07\":\r\n return \"Pds07\";\r\n case \"pds08\":\r\n return \"Pds08\";\r\n case \"news\":\r\n return \"News\";\r\n case \"laws\":\r\n return \"Laws\";\r\n case \"joboffer\":\r\n return \"JobOffer\";\r\n case \"jobsearch\":\r\n return \"JobSearch\";\r\n case \"gallery\":\r\n return \"Gallery\";\r\n case \"schedule\":\r\n return \"Schedule\";\r\n case \"free\":\r\n return \"Free\";\r\n case \"event\":\r\n return \"Event\";\r\n default:\r\n return \"\";\r\n }\r\n};\r\n\r\nconst getSub01 = (kind) => {\r\n switch (kind) {\r\n case \"pds01\":\r\n case \"pds02\":\r\n case \"pds03\":\r\n case \"pds04\":\r\n case \"pds05\":\r\n case \"pds06\":\r\n case \"pds07\":\r\n case \"pds08\":\r\n return \"자료실\";\r\n case \"free\":\r\n case \"schedule\":\r\n case \"gallery\":\r\n case \"joboffer\":\r\n case \"jobsearch\":\r\n return \"정보광장\";\r\n case \"docu\":\r\n return \"문서함\";\r\n case \"laws\":\r\n return \"자동차관련법규\";\r\n case \"info\":\r\n return \"공지사항\";\r\n case \"news\":\r\n return \"자동차정비뉴스\";\r\n case \"event\":\r\n return \"경조사\";\r\n default:\r\n return \"\";\r\n }\r\n};\r\n\r\nconst getSub02 = (kind) => {\r\n switch (kind) {\r\n case \"info\":\r\n return \"공지사항\";\r\n case \"docu\":\r\n return \"문서함\";\r\n case \"pds01\":\r\n return \"산업안전보건 자료실\";\r\n case \"pds02\":\r\n return \"정비업무 자료실\";\r\n case \"pds03\":\r\n return \"기타 자료실\";\r\n case \"pds04\":\r\n return \"서식 자료실\";\r\n case \"pds05\":\r\n return \"조합임원 자료실\";\r\n case \"pds06\":\r\n return \"검사업무 자료실\";\r\n case \"pds07\":\r\n return \"교육일정 및 신청안내\";\r\n case \"pds08\":\r\n return \"조합자료실\";\r\n case \"news\":\r\n return \"자동차정비뉴스\";\r\n case \"laws\":\r\n return \"자동차관련법규\";\r\n case \"joboffer\":\r\n return \"구인정보\";\r\n case \"jobsearch\":\r\n return \"구직정보\";\r\n case \"gallery\":\r\n return \"포토갤러리\";\r\n case \"schedule\":\r\n return \"이사장 동정\";\r\n case \"free\":\r\n return \"자유게시판\";\r\n case \"event\":\r\n return \"경조사\";\r\n default:\r\n return \"\";\r\n }\r\n};\r\n\r\nconst escapeHTML = function (s) {\r\n if (s) {\r\n return s.replace(/&/g, \"&\").replace(//g, \">\");\r\n }\r\n};\r\n\r\nconst wrapHTML = function (s) {\r\n if (s) {\r\n return s.replace(/</g, \"<\").replace(/>/g, \">\").replace(/&/g, \"&\");\r\n }\r\n};\r\n\r\n//파일 다운로드\r\nconst fnFileDownload = (fileUrl, fileName) => {\r\n fetch(fileUrl).then((response) => {\r\n response.blob().then((blob) => {\r\n let url = window.URL.createObjectURL(blob);\r\n let a = document.createElement(\"a\");\r\n a.href = url;\r\n a.download = fileName;\r\n a.click();\r\n });\r\n });\r\n};\r\n\r\nconst getBackgroundImageCss = (id) => {\r\n if (id === \"intro\") return \"bg-1\";\r\n if (id === \"docu\") return \"bg-2\";\r\n if (\r\n [\"pds01\", \"pds02\", \"pds03\", \"pds04\", \"pds05\", \"pds06\", \"pds08\"].includes(id)\r\n )\r\n return \"bg-3\";\r\n if (id === \"union_mem\") return \"bg-4\";\r\n if ([\"free\", \"schedule\", \"gallery\", \"joboffer\", \"jobsearch\", \"pds07\"].includes(id))\r\n return \"bg-5\";\r\n if (id === \"info\") return \"bg-6\";\r\n if (id === \"news\") return \"bg-7\";\r\n if (id === \"laws\") return \"bg-6\";\r\n if (id === \"event\") return \"bg-8\";\r\n if (id === \"member\") return \"bg-9\";\r\n if (id === \"admin\") return \"bg-10\";\r\n\r\n return \"default-bg\";\r\n};\r\n\r\nconst cloneObj = (obj) => JSON.parse(JSON.stringify(obj));\r\n\r\nexport {\r\n idCheck,\r\n pwCheck,\r\n fnNotAdmin,\r\n fnNotLogin,\r\n cloneObj,\r\n getServiceName,\r\n getSub01,\r\n getSub02,\r\n getSubHeader,\r\n escapeHTML,\r\n wrapHTML,\r\n fnFileDownload,\r\n fnNotOfficers,\r\n canWrite,\r\n getBackgroundImageCss,\r\n};\r\n","import { useEffect, useState } from \"react\";\r\nimport { useDispatch } from \"react-redux\";\r\nimport { Link } from \"react-router-dom\";\r\nimport { reqData } from \"../../js/server\";\r\nimport ContentLoader from \"react-content-loader\";\r\n\r\nfunction SubMenu(props) {\r\n const dispatch = useDispatch();\r\n let userinfo = JSON.parse(localStorage.getItem(\"userinfo\"));\r\n const [banners, setBanners] = useState([]);\r\n const [usertype, setUsertype] = useState(userinfo?.usertype ?? \"\");\r\n\r\n const fetchBannerData = () => {\r\n const jsonData = {\r\n servicename: \"BannerList\",\r\n };\r\n\r\n dispatch({ type: \"loadingChange\", payload: true });\r\n reqData(jsonData)\r\n .then((res) => {\r\n if (res.data.result === \"OK\") {\r\n setBanners(res.data.jsonData);\r\n } else {\r\n alert(res.data.msg);\r\n }\r\n })\r\n .catch((err) => {\r\n console.error(err);\r\n })\r\n .finally(() => {\r\n dispatch({ type: \"loadingChange\", payload: false });\r\n });\r\n };\r\n\r\n const setMenu = () => {\r\n switch (props.id) {\r\n case \"admin\":\r\n return (\r\n \r\n
관리자 메뉴 \r\n\r\n
\r\n \r\n \r\n \r\n \r\n \r\n
\r\n
조합소개 \r\n\r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n
문서함 \r\n\r\n
\r\n \r\n \r\n (window.location.href = \"/ABoardList?kind=docu\")\r\n }\r\n >\r\n 문서함\r\n \r\n \r\n \r\n
\r\n
자동차관련법규 \r\n\r\n
\r\n \r\n \r\n (window.location.href = \"/ABoardList?kind=laws\")\r\n }\r\n >\r\n 자동차관련법규\r\n \r\n \r\n \r\n
\r\n
정비업체현황 \r\n\r\n
\r\n \r\n (window.location.href = \"/UnionMem\")}\r\n >\r\n 정비업체현황\r\n \r\n \r\n \r\n \r\n (window.location.href = \"/UnionMem?testkind=1\")\r\n }\r\n >\r\n 종합검사 업체안내\r\n \r\n \r\n \r\n \r\n (window.location.href = \"/UnionMem?testkind=2\")\r\n }\r\n >\r\n 정기검사 업체안내\r\n \r\n \r\n \r\n
\r\n
자료실 \r\n\r\n
\r\n \r\n \r\n (window.location.href = \"/ABoardList?kind=pds02\")\r\n }\r\n >\r\n 정비업무 자료실\r\n \r\n \r\n\r\n \r\n \r\n (window.location.href = \"/ABoardList?kind=pds06\")\r\n }\r\n >\r\n 검사업무 자료실\r\n \r\n \r\n\r\n \r\n \r\n (window.location.href = \"/ABoardList?kind=pds01\")\r\n }\r\n >\r\n 산업안전보건 자료실\r\n \r\n \r\n\r\n \r\n \r\n (window.location.href = \"/ABoardList?kind=pds05\")\r\n }\r\n >\r\n 조합임원 자료실\r\n \r\n \r\n\r\n \r\n \r\n (window.location.href = \"/ABoardList?kind=pds04\")\r\n }\r\n >\r\n 서식 자료실\r\n \r\n \r\n\r\n \r\n \r\n (window.location.href = \"/ABoardList?kind=pds03\")\r\n }\r\n >\r\n 기타 자료실\r\n \r\n \r\n {\r\n usertype === \"0\" || usertype === \"1\"\r\n ? (\r\n \r\n \r\n (window.location.href = \"/ABoardList?kind=pds08\")\r\n }\r\n >\r\n 조합자료실\r\n \r\n \r\n ) : null\r\n }\r\n \r\n
\r\n
정보광장 \r\n\r\n
\r\n\r\n \r\n \r\n (window.location.href = \"/ABoardList?kind=pds07\")\r\n }\r\n >\r\n 교육일정 및 신청안내\r\n \r\n \r\n \r\n \r\n (window.location.href = \"/ABoardList?kind=free\")\r\n }\r\n >\r\n 자유게시판\r\n \r\n \r\n \r\n \r\n (window.location.href = \"/ABoardList?kind=schedule\")\r\n }\r\n >\r\n 이사장 동정\r\n \r\n \r\n \r\n \r\n (window.location.href = \"/ABoardList?kind=gallery\")\r\n }\r\n >\r\n 포토갤러리\r\n \r\n \r\n \r\n \r\n (window.location.href = \"/ABoardList?kind=joboffer\")\r\n }\r\n >\r\n 구인정보\r\n \r\n \r\n \r\n \r\n (window.location.href = \"/ABoardList?kind=jobsearch\")\r\n }\r\n >\r\n 구직정보\r\n \r\n \r\n \r\n
\r\n
공지사항 \r\n\r\n
\r\n \r\n \r\n (window.location.href = \"/ABoardList?kind=info\")\r\n }\r\n >\r\n 공지사항\r\n \r\n \r\n \r\n
\r\n
자동차정비뉴스 \r\n\r\n
\r\n \r\n \r\n (window.location.href = \"/ABoardList?kind=news\")\r\n }\r\n >\r\n 자동차정비뉴스\r\n \r\n \r\n \r\n
\r\n
경조사 \r\n\r\n
\r\n \r\n \r\n (window.location.href = \"/ABoardList?kind=event\")\r\n }\r\n >\r\n 경조사\r\n \r\n \r\n \r\n
\r\n \r\n
\r\n );\r\n }\r\n };\r\n\r\n useEffect(\r\n () => {\r\n //Partners Banner 불러오기\r\n fetchBannerData();\r\n },\r\n // eslint-disable-next-line\r\n []\r\n );\r\n\r\n return (\r\n \r\n
\r\n {setMenu()}\r\n\r\n
\r\n
파트너사 \r\n\r\n
\r\n {banners.map((banner, idx) => (\r\n
\r\n
\r\n {banner.bn_url.length > 8 ? (\r\n
\r\n \r\n ) : (\r\n
\r\n )}\r\n
\r\n
\r\n ))}\r\n
\r\n
\r\n\r\n
\r\n
연락처 \r\n\r\n
\r\n
전화
\r\n
033)254-4825 \r\n
\r\n\r\n
\r\n
팩스
\r\n
033)257-0741 \r\n
\r\n
\r\n
\r\n
\r\n \r\n \r\n 업체명 \r\n 대표자명 \r\n 사업자등록번호 \r\n 가입여부 \r\n 가입아이디 \r\n 등록일자 \r\n \r\n \r\n \r\n {props.posts.length > 0 ? (\r\n props.posts.map((post, i) => {\r\n return (\r\n {\r\n props.listClick(post.comcode);\r\n }}\r\n style={{ cursor: \"pointer\" }}\r\n >\r\n {post.comname} \r\n {post.boss} \r\n {post.comidno} \r\n {post.userid ? \"O\" : \"X\"} \r\n {post.userid} \r\n {post.registday.slice(0, 10)} \r\n \r\n );\r\n })\r\n ) : (\r\n \r\n 결과가 없습니다. \r\n \r\n )}\r\n \r\n
\r\n );\r\n case \"Info\": //일반 게시판\r\n return (\r\n \r\n \r\n \r\n 번호 \r\n 제목 \r\n 첨부 \r\n 조회수 \r\n 작성일 \r\n \r\n \r\n \r\n {props.posts.length > 0 ? (\r\n props.posts.map((post, i) => {\r\n return (\r\n {\r\n props.listClick(post.bserial);\r\n }}\r\n style={{ cursor: \"pointer\" }}\r\n >\r\n {post.rownumber} \r\n {Number(post.comment_cnt) > 0 ? (\r\n \r\n {post.subject}\r\n \r\n \r\n \r\n ) : (\r\n {post.subject} \r\n )}\r\n \r\n {Number(post.file_cnt) > 0 && (\r\n \r\n {post.hits} \r\n {post.wdate.slice(0, 10)} \r\n \r\n );\r\n })\r\n ) : (\r\n \r\n \r\n {!props.isPosts ? (\r\n \"결과가 없습니다.\"\r\n ) : (\r\n \r\n \r\n \r\n )}\r\n \r\n
\r\n );\r\n case \"Gallery\": //포토갤러리\r\n return (\r\n \r\n \r\n \r\n 번호 \r\n 썸네일 \r\n 제목 \r\n 조회수 \r\n 작성일 \r\n \r\n \r\n \r\n {props.posts.length > 0 ? (\r\n props.posts.map((post, i) => {\r\n return (\r\n {\r\n props.listClick(post.bserial);\r\n }}\r\n style={{ cursor: \"pointer\" }}\r\n >\r\n {post.rownumber} \r\n \r\n \r\n {Number(post.comment_cnt) > 0 ? (\r\n \r\n {post.subject}\r\n \r\n \r\n \r\n ) : (\r\n {post.subject} \r\n )}\r\n {post.hits} \r\n {post.wdate.slice(0, 10)} \r\n \r\n );\r\n })\r\n ) : (\r\n \r\n \r\n {!props.isPosts ? (\r\n \"결과가 없습니다.\"\r\n ) : (\r\n \r\n \r\n \r\n )}\r\n \r\n
\r\n );\r\n case \"News\": //자동차정비뉴스\r\n case \"Laws\": //자동차관련법규\r\n return (\r\n \r\n \r\n \r\n 번호 \r\n 제목 \r\n 등록일 \r\n {Number(props.userType) < 2 ? 삭제 : null}\r\n \r\n \r\n \r\n {props.posts.length > 0 ? (\r\n props.posts.map((post, i) => {\r\n return (\r\n {\r\n window.open(post.contents, \"_blank\");\r\n }}\r\n style={{ cursor: \"pointer\" }}\r\n >\r\n {post.rownumber} \r\n {Number(post.comment_cnt) > 0 ? (\r\n \r\n {post.subject}\r\n \r\n \r\n \r\n ) : (\r\n {post.subject} \r\n )}\r\n\r\n {post.wdate.slice(0, 10)} \r\n\r\n {Number(props.userType) < 2 ? (\r\n \r\n {\r\n props.fnBoardDelete(post.bserial);\r\n e.stopPropagation();\r\n }}\r\n >\r\n \r\n ) : null}\r\n \r\n );\r\n })\r\n ) : (\r\n \r\n \r\n {!props.isPosts ? (\r\n \"결과가 없습니다.\"\r\n ) : (\r\n \r\n \r\n \r\n )}\r\n \r\n
\r\n );\r\n case \"UnionMem\": //조합원사 게시판\r\n return (\r\n \r\n \r\n \r\n 지역 \r\n 구분 \r\n 업체명 \r\n 대표자명 \r\n 대표전화 \r\n 주소 \r\n \r\n \r\n \r\n {props.posts.length > 0 ? (\r\n props.posts.map((post, idx) => {\r\n return (\r\n \r\n {post.area || \"\"} \r\n {post.comkind || \"\"} \r\n {post.comname || \"\"} \r\n {post.boss || \"\"} \r\n {`${post.tel0}-${post.tel1}-${post.tel2}`} \r\n {`${post.address1} ${post.address2}`} \r\n \r\n );\r\n })\r\n ) : (\r\n \r\n 결과가 없습니다. \r\n \r\n )}\r\n \r\n
\r\n );\r\n default:\r\n return null;\r\n }\r\n };\r\n\r\n return {setList()}
;\r\n}\r\n\r\nexport default List;\r\n","import './Paging.css'\r\nimport Pagination from \"react-js-pagination\"\r\n\r\nfunction Paging({ page, count, setPage }) { \r\n return ( \r\n <>\r\n \r\n \r\n
\r\n
\r\n
\r\n
{subMenuTitle02} \r\n\r\n
\r\n \r\n \r\n \r\n / \r\n \r\n \r\n {subMenuTitle01}\r\n \r\n \r\n / \r\n \r\n \r\n {subMenuTitle02}\r\n \r\n \r\n
\r\n
\r\n
\r\n
\r\n );\r\n}\r\n\r\nexport default SubBanner;\r\n","import { useEffect, useState } from \"react\";\r\nimport { useDispatch } from \"react-redux\";\r\nimport { LoginToken, reqData } from '../../../js/server'\r\nimport { fnNotAdmin } from '../../../js/util'\r\nimport queryString from \"query-string\";\r\nimport SubMenu from '../../../comp/comm/SubMenu'\r\nimport List from '../../comm/List'\r\nimport Paging from '../../comm/Paging'\r\nimport { useHistory } from \"react-router\"\r\nimport SubBanner from '../../../comp/comm/SubBanner'\r\n\r\nfunction MemberList({ match, location, history }) {\r\n const dispatch = useDispatch()\r\n const usehistory = useHistory()\r\n const query = queryString.parse(location.search);\r\n const [posts, setPosts] = useState({ items: [] });\r\n const [currentPage, setCurrentPage] = useState(1);\r\n // eslint-disable-next-line\r\n const [postsPerPage, setPostsPerPage] = useState(10);\r\n const [totalCount, setTotalCount] = useState(0);\r\n const [userToken, setUserToken] = useState(null);\r\n const keyword = query.keyword\r\n const page = query.page\r\n\r\n async function fetchData(page = 1) {\r\n //Hash에 남길 State 저장\r\n setCurrentPage(Number(page))\r\n\r\n const jsonData = {\r\n \"servicename\": \"ShopList\",\r\n \"userToken\": userToken,\r\n \"keyword\": document.getElementById('inputKeyword').value,\r\n \"currentPage\": page,\r\n \"maxListCount\": postsPerPage\r\n }\r\n\r\n dispatch({ type: 'loadingChange', payload: true })\r\n reqData(jsonData).then((res) => {\r\n if (res.data.result === 'OK') {\r\n setTotalCount(res.data.totalCnt)\r\n setPosts(res.data.jsonData)\r\n } else {\r\n alert(res.data.msg)\r\n }\r\n }).catch((err) => {\r\n console.error(err)\r\n }).finally(() => {\r\n dispatch({ type: 'loadingChange', payload: false })\r\n })\r\n }\r\n\r\n const fnSearchClick = () => {\r\n if (document.getElementById('inputKeyword').value.length > 1) {\r\n fetchData(1)\r\n } else {\r\n alert('검색어는 2자 이상 필요합니다.')\r\n }\r\n }\r\n\r\n const setPage = (page) => {\r\n fetchData(page)\r\n }\r\n\r\n const newClick = () => {\r\n const keyword = document.getElementById('inputKeyword').value\r\n //검색 상태 Hash 저장\r\n window.document.location.hash = \"#\" + currentPage + \"^\" + encodeURI(keyword)\r\n usehistory.push(`/Admin/MemberNew`)\r\n }\r\n\r\n const listClick = (key) => {\r\n const keyword = document.getElementById('inputKeyword').value\r\n //검색 상태 Hash 저장\r\n window.document.location.hash = \"#\" + currentPage + \"^\" + encodeURI(keyword)\r\n usehistory.push(`/Admin/MemberView?comcode=${key}&page=${currentPage}&keyword=${encodeURI(keyword)}`)\r\n }\r\n\r\n useEffect(() => {\r\n dispatch({ type: 'pageChange', payload: { 'sub01': '관리자메뉴', 'sub02': '회원관리' } })\r\n dispatch({ type: 'loadingChange', payload: true })\r\n\r\n setTimeout(() => {\r\n //로그인 체크\r\n const userinfo = JSON.parse(localStorage.getItem('userinfo'))\r\n if (userinfo) {\r\n const userToken = userinfo.userToken\r\n setUserToken(userToken)\r\n\r\n //로그인 체크 후 Usertype 검사\r\n LoginToken(userToken).then((res) => {\r\n if (res.data.result === 'OK') {\r\n if (res.data.jsonData.usertype === '0') {\r\n let defaultPage = 1\r\n\r\n //검색 상태 Hash 불러오기\r\n if (keyword || page) {\r\n defaultPage = page\r\n document.getElementById('inputKeyword').value = keyword\r\n }\r\n else if (window.document.location.hash) {\r\n let strHash = window.document.location.hash\r\n let arrCur = null\r\n\r\n strHash = strHash.replace('#', '')\r\n arrCur = strHash.split('^')\r\n if (arrCur.length === 2) {\r\n defaultPage = (arrCur[0]) ? arrCur[0] : 1\r\n document.getElementById('inputKeyword').value = arrCur[1]\r\n }\r\n }\r\n\r\n fetchData(defaultPage);\r\n } else {\r\n fnNotAdmin()\r\n }\r\n }\r\n }).catch((err) => {\r\n console.error(err)\r\n localStorage.removeItem('userinfo')\r\n\r\n fnNotAdmin()\r\n }).finally(() => {\r\n //dispatch({ type: 'loadingChange', payload: false })\r\n })\r\n } else {\r\n fnNotAdmin()\r\n }\r\n }, 500)\r\n },\r\n // eslint-disable-next-line\r\n []);\r\n\r\n return (\r\n <>\r\n \r\n \r\n
\r\n
\r\n
\r\n
\r\n
회원관리 \r\n 업체등록후 홈페이지 가입이 가능합니다. \r\n \r\n
\r\n\r\n
\r\n
\r\n
\r\n
{\r\n if (e.key === 'Enter') {\r\n fnSearchClick()\r\n }\r\n }}\r\n />\r\n
\r\n {\r\n fnSearchClick()\r\n }} >\r\n \r\n {\r\n document.getElementById('inputKeyword').value = ''\r\n\r\n fetchData(1)\r\n }} >\r\n \r\n
\r\n
\r\n
\r\n
\r\n\r\n
\r\n\r\n
\r\n\r\n
\r\n
\r\n\r\n
\r\n
\r\n
\r\n \r\n )\r\n}\r\n\r\nexport default MemberList","import { cloneObj } from \"../../../js/util\";\r\n\r\nfunction UserCard(props) {\r\n const userHandleChange = (idx, e) => {\r\n const dataType = e.target.dataset[\"type\"];\r\n //숫자타입인데 문자가 들어오는 경우 false\r\n let isState = true;\r\n if (dataType === \"int\") {\r\n if (isNaN(e.target.value)) {\r\n isState = false;\r\n }\r\n }\r\n\r\n if (isState) {\r\n let copiedObj = cloneObj(props.users);\r\n copiedObj[idx][e.target.name] = e.target.value;\r\n props.setUsers(copiedObj);\r\n }\r\n };\r\n\r\n return (\r\n <>\r\n {props.users.length > 0 ? (\r\n props.users.map((user, i) => {\r\n return (\r\n \r\n
\r\n
{user.userid || \"\"}
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n 이름 \r\n userHandleChange(i, e)}\r\n />\r\n
\r\n
\r\n\r\n
\r\n
\r\n 휴대전화 \r\n userHandleChange(i, e)}\r\n />\r\n
\r\n
\r\n\r\n
\r\n
\r\n 계정권한 \r\n userHandleChange(i, e)}\r\n >\r\n 관리자 \r\n 조합직원 \r\n 임원 \r\n 일반회원 \r\n \r\n
\r\n
\r\n\r\n
\r\n
\r\n 상태 \r\n userHandleChange(i, e)}\r\n >\r\n 사용 \r\n 중지 \r\n \r\n
\r\n
\r\n\r\n
\r\n
\r\n 등록일자 \r\n
\r\n
\r\n\r\n
\r\n
\r\n \r\n 최근로그인\r\n \r\n
\r\n
\r\n\r\n
\r\n
\r\n \r\n 비밀번호변경\r\n \r\n userHandleChange(i, e)}\r\n />\r\n
\r\n
\r\n\r\n
\r\n props.fnUserSaveClick(i, e)}\r\n >\r\n 저장\r\n \r\n \r\n props.fnUserDeleteClick(i, e)}\r\n >\r\n 삭제\r\n \r\n
\r\n
\r\n
\r\n
\r\n
\r\n
가입된 사용자가 없습니다.
\r\n )}\r\n \r\n );\r\n}\r\n\r\nexport default UserCard;\r\n","import { useEffect, useState } from \"react\";\r\nimport { useDispatch } from \"react-redux\";\r\nimport { LoginToken, reqData } from \"../../../js/server\";\r\nimport { fnNotAdmin, cloneObj } from \"../../../js/util\";\r\nimport { useHistory } from \"react-router-dom\";\r\nimport queryString from \"query-string\";\r\nimport SubMenu from \"../../comm/SubMenu\";\r\nimport SubBanner from \"../../comm/SubBanner\";\r\nimport UserCard from \"./UserCard\";\r\n\r\n//다음 PostCode 모듈 추가\r\nimport Postcode from \"@actbase/react-daum-postcode\";\r\nimport { Modal } from \"react-bootstrap\";\r\n\r\nfunction MemberView({ match, location, history }) {\r\n const dispatch = useDispatch();\r\n const usehistory = useHistory();\r\n const query = queryString.parse(location.search);\r\n const comcode = query.comcode;\r\n const keyword = query.keyword;\r\n const page = query.page;\r\n const [isModal, setModal] = useState(false); //daum postcode 관련 state\r\n const [userToken, setUserToken] = useState(null);\r\n const [shopinfo, setShopinfo] = useState({\r\n comcode: null,\r\n comname: null,\r\n boss: null,\r\n comidno: null,\r\n tel0: null,\r\n tel1: null,\r\n tel2: null,\r\n fax0: null,\r\n fax1: null,\r\n fax2: null,\r\n address1: null,\r\n address2: null,\r\n zipcode: null,\r\n area: null,\r\n comgrade: null,\r\n luse: null,\r\n registday: null,\r\n update_dt: null,\r\n });\r\n const [users, setUsers] = useState([]);\r\n\r\n const shopHandleChange = (e) => {\r\n const dataType = e.target.dataset[\"type\"];\r\n //숫자타입인데 문자가 들어오는 경우 false\r\n let isState = true;\r\n if (dataType === \"int\") {\r\n if (isNaN(e.target.value)) {\r\n isState = false;\r\n }\r\n }\r\n\r\n if (isState) {\r\n let copiedObj = cloneObj(shopinfo);\r\n copiedObj[e.target.name] = e.target.value;\r\n setShopinfo(copiedObj);\r\n }\r\n };\r\n\r\n //우편번호 Modal 닫기\r\n const handleClose = () => setModal(false);\r\n\r\n //업체정보 저장\r\n const fnShopSaveClick = () => {\r\n const jsonData = {\r\n servicename: \"ShopSave\",\r\n userToken: userToken,\r\n jsonData: shopinfo,\r\n };\r\n\r\n dispatch({ type: \"loadingChange\", payload: true });\r\n reqData(jsonData)\r\n .then((res) => {\r\n if (res.data.result === \"OK\") {\r\n alert(\"저장되었습니다.\");\r\n } else {\r\n alert(res.data.msg);\r\n }\r\n })\r\n .catch((err) => {\r\n console.error(err);\r\n })\r\n .finally(() => {\r\n dispatch({ type: \"loadingChange\", payload: false });\r\n });\r\n };\r\n\r\n //업체정보 삭제\r\n const fnShopDeleteClick = () => {\r\n if (\r\n window.confirm(\r\n \"업체 삭제시 등록된 회원정보도 함께 삭제가 되며\\n복구가 불가능합니다.\\n\\n삭제 하시겠습니까?\"\r\n )\r\n ) {\r\n const jsonData = {\r\n servicename: \"ShopDelete\",\r\n userToken: userToken,\r\n comcode: comcode,\r\n };\r\n\r\n dispatch({ type: \"loadingChange\", payload: true });\r\n reqData(jsonData)\r\n .then((res) => {\r\n if (res.data.result === \"OK\") {\r\n alert(\"삭제되었습니다.\");\r\n usehistory.push(\r\n `/Admin/MemberList?page=${page}&keyword=${encodeURI(keyword)}`\r\n );\r\n } else {\r\n alert(res.data.msg);\r\n }\r\n })\r\n .catch((err) => {\r\n console.error(err);\r\n })\r\n .finally(() => {\r\n dispatch({ type: \"loadingChange\", payload: false });\r\n });\r\n }\r\n };\r\n\r\n //사용자정보 저장\r\n const fnUserSaveClick = (idx, e) => {\r\n const jsonData = {\r\n servicename: \"MemberSave\",\r\n userToken: userToken,\r\n jsonData: users[idx],\r\n };\r\n\r\n dispatch({ type: \"loadingChange\", payload: true });\r\n reqData(jsonData)\r\n .then((res) => {\r\n if (res.data.result === \"OK\") {\r\n alert(\"저장되었습니다.\");\r\n } else {\r\n alert(res.data.msg);\r\n }\r\n })\r\n .catch((err) => {\r\n console.error(err);\r\n })\r\n .finally(() => {\r\n dispatch({ type: \"loadingChange\", payload: false });\r\n });\r\n };\r\n\r\n //사용자정보 삭제\r\n const fnUserDeleteClick = (idx, e) => {\r\n if (\r\n window.confirm(`[${users[idx].userid}] 회원정보를 삭제 하시겠습니까?`)\r\n ) {\r\n const jsonData = {\r\n servicename: \"MemberDelete\",\r\n userToken: userToken,\r\n userid: users[idx].userid,\r\n };\r\n\r\n dispatch({ type: \"loadingChange\", payload: true });\r\n reqData(jsonData)\r\n .then((res) => {\r\n if (res.data.result === \"OK\") {\r\n alert(\"삭제되었습니다.\");\r\n\r\n let copiedObj = cloneObj(users);\r\n copiedObj.splice(idx, 1);\r\n setUsers(copiedObj);\r\n } else {\r\n alert(res.data.msg);\r\n }\r\n })\r\n .catch((err) => {\r\n console.error(err);\r\n })\r\n .finally(() => {\r\n dispatch({ type: \"loadingChange\", payload: false });\r\n });\r\n }\r\n };\r\n\r\n const fnShopData = () => {\r\n const jsonData = {\r\n servicename: \"ShopView\",\r\n userToken: userToken,\r\n comcode: comcode,\r\n };\r\n\r\n dispatch({ type: \"loadingChange\", payload: true });\r\n reqData(jsonData)\r\n .then((res) => {\r\n if (res.data.result === \"OK\") {\r\n setShopinfo(res.data.jsonData);\r\n setUsers(res.data.jsonUser);\r\n } else {\r\n alert(res.data.msg);\r\n }\r\n })\r\n .catch((err) => {\r\n console.error(err);\r\n })\r\n .finally(() => {\r\n dispatch({ type: \"loadingChange\", payload: false });\r\n });\r\n };\r\n\r\n useEffect(\r\n () => {\r\n dispatch({\r\n type: \"pageChange\",\r\n payload: { sub01: \"관리자메뉴\", sub02: \"회원관리\" },\r\n });\r\n dispatch({ type: \"loadingChange\", payload: true });\r\n\r\n setTimeout(() => {\r\n //로그인 체크\r\n const userinfo = JSON.parse(localStorage.getItem(\"userinfo\"));\r\n if (userinfo) {\r\n const userToken = userinfo.userToken;\r\n setUserToken(userToken);\r\n\r\n //로그인 체크 후 Usertype 검사\r\n LoginToken(userToken)\r\n .then((res) => {\r\n if (res.data.result === \"OK\") {\r\n if (res.data.jsonData.usertype === \"0\") {\r\n fnShopData();\r\n } else {\r\n fnNotAdmin();\r\n }\r\n }\r\n })\r\n .catch((err) => {\r\n console.error(err);\r\n localStorage.removeItem(\"userinfo\");\r\n\r\n fnNotAdmin();\r\n })\r\n .finally(() => {\r\n //dispatch({ type: 'loadingChange', payload: false })\r\n });\r\n } else {\r\n fnNotAdmin();\r\n }\r\n }, 500);\r\n },\r\n // eslint-disable-next-line\r\n []\r\n );\r\n\r\n return (\r\n <>\r\n \r\n \r\n
\r\n
\r\n
\r\n
\r\n
회원관리 \r\n 조합원 및 회원 관리가 가능합니다. \r\n \r\n
\r\n\r\n
\r\n
\r\n \r\n usehistory.push(\r\n `/Admin/MemberList?page=${page}&keyword=${encodeURI(\r\n keyword\r\n )}`\r\n )\r\n }\r\n >\r\n
\r\n
\r\n\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
업체정보 \r\n \r\n\r\n
\r\n
\r\n 업체명 \r\n
\r\n
\r\n\r\n
\r\n
\r\n 대표자명 \r\n
\r\n
\r\n\r\n
\r\n
\r\n \r\n 사업자등록번호\r\n \r\n
\r\n
\r\n\r\n
\r\n
\r\n
대표전화 \r\n
\r\n
\r\n
\r\n
\r\n\r\n
\r\n
\r\n
팩스 \r\n
\r\n
\r\n
\r\n
\r\n\r\n
\r\n
\r\n 지역선택 \r\n \r\n 선택 \r\n 춘천 \r\n 원주 \r\n 강릉 \r\n 동해 \r\n 태백 \r\n 속초 \r\n 삼척 \r\n 홍천 \r\n 횡성 \r\n 영월 \r\n 평창 \r\n 정선 \r\n 철원 \r\n 화천 \r\n 양구 \r\n 인제 \r\n 고성 \r\n 양양 \r\n \r\n
\r\n
\r\n
\r\n\r\n
\r\n
\r\n
\r\n {\r\n let copiedObj = cloneObj(shopinfo);\r\n copiedObj[\"zipcode\"] = data.zonecode;\r\n copiedObj[\"address1\"] = data.address;\r\n setShopinfo(copiedObj);\r\n setModal(false);\r\n }}\r\n />\r\n \r\n\r\n
\r\n
우편번호 \r\n
\r\n setModal(true)}\r\n >\r\n
\r\n
\r\n
\r\n\r\n
\r\n
\r\n 주소 \r\n
\r\n
\r\n\r\n
\r\n
\r\n 상세주소 \r\n
\r\n
\r\n
\r\n\r\n
\r\n
\r\n
\r\n 등록일자 \r\n
\r\n
\r\n\r\n
\r\n
\r\n 상태 \r\n \r\n 사용 \r\n 중지 \r\n \r\n
\r\n
\r\n
\r\n\r\n
\r\n
\r\n \r\n 저장\r\n \r\n \r\n \r\n 삭제\r\n \r\n
\r\n
\r\n
\r\n
\r\n
\r\n\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
등록계정 \r\n \r\n\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n\r\n
\r\n
\r\n
\r\n \r\n );\r\n}\r\n\r\nexport default MemberView;\r\n","import { useEffect, useState } from \"react\";\r\nimport { useDispatch } from \"react-redux\";\r\nimport { LoginToken, reqData } from \"../../../js/server\";\r\nimport { fnNotAdmin, cloneObj } from \"../../../js/util\";\r\nimport { useHistory } from \"react-router-dom\";\r\nimport SubMenu from \"../../comm/SubMenu\";\r\nimport SubBanner from \"../../comm/SubBanner\";\r\n\r\n//다음 PostCode 모듈 추가\r\nimport Postcode from \"@actbase/react-daum-postcode\";\r\nimport { Modal } from \"react-bootstrap\";\r\n\r\nfunction MemberNew({ match, location, history }) {\r\n const dispatch = useDispatch();\r\n const usehistory = useHistory();\r\n const [isModal, setModal] = useState(false); //daum postcode 관련 state\r\n const [userToken, setUserToken] = useState(null);\r\n const [shopinfo, setShopinfo] = useState({\r\n comcode: null,\r\n comname: null,\r\n boss: null,\r\n comidno: null,\r\n tel0: null,\r\n tel1: null,\r\n tel2: null,\r\n fax0: null,\r\n fax1: null,\r\n fax2: null,\r\n address1: null,\r\n address2: null,\r\n zipcode: null,\r\n area: null,\r\n comgrade: null,\r\n luse: null,\r\n registday: null,\r\n update_dt: null,\r\n });\r\n\r\n const shopHandleChange = (e) => {\r\n const dataType = e.target.dataset[\"type\"];\r\n //숫자타입인데 문자가 들어오는 경우 false\r\n let isState = true;\r\n if (dataType === \"int\") {\r\n if (isNaN(e.target.value)) {\r\n isState = false;\r\n }\r\n }\r\n\r\n if (isState) {\r\n let copiedObj = cloneObj(shopinfo);\r\n copiedObj[e.target.name] = e.target.value;\r\n setShopinfo(copiedObj);\r\n }\r\n };\r\n\r\n //우편번호 Modal 닫기\r\n const handleClose = () => setModal(false);\r\n\r\n //업체정보 저장\r\n const fnShopSaveClick = () => {\r\n if (!shopinfo.comname) {\r\n alert(\"업체명을 입력해 주세요.\");\r\n } else if (!shopinfo.boss) {\r\n alert(\"대표자명을 입력해 주세요.\");\r\n } else if (!shopinfo.comidno) {\r\n alert(\"사업자등록번호를 입력해 주세요.\");\r\n } else {\r\n const jsonData = {\r\n servicename: \"ShopSave\",\r\n userToken: userToken,\r\n jsonData: shopinfo,\r\n };\r\n console.log(jsonData);\r\n\r\n dispatch({ type: \"loadingChange\", payload: true });\r\n reqData(jsonData)\r\n .then((res) => {\r\n if (res.data.result === \"OK\") {\r\n alert(\"저장되었습니다.\");\r\n usehistory.push(\"/Admin/MemberList\");\r\n } else {\r\n alert(res.data.msg);\r\n }\r\n })\r\n .catch((err) => {\r\n console.error(err);\r\n })\r\n .finally(() => {\r\n dispatch({ type: \"loadingChange\", payload: false });\r\n });\r\n }\r\n };\r\n\r\n useEffect(\r\n () => {\r\n dispatch({\r\n type: \"pageChange\",\r\n payload: { sub01: \"관리자메뉴\", sub02: \"회원관리\" },\r\n });\r\n dispatch({ type: \"loadingChange\", payload: true });\r\n\r\n setTimeout(() => {\r\n //로그인 체크\r\n const userinfo = JSON.parse(localStorage.getItem(\"userinfo\"));\r\n if (userinfo) {\r\n const userToken = userinfo.userToken;\r\n setUserToken(userToken);\r\n\r\n //로그인 체크 후 Usertype 검사\r\n LoginToken(userToken)\r\n .then((res) => {\r\n if (res.data.result === \"OK\") {\r\n if (res.data.jsonData.usertype !== \"0\") {\r\n fnNotAdmin();\r\n }\r\n }\r\n })\r\n .catch((err) => {\r\n console.error(err);\r\n localStorage.removeItem(\"userinfo\");\r\n\r\n fnNotAdmin();\r\n })\r\n .finally(() => {\r\n dispatch({ type: \"loadingChange\", payload: false });\r\n });\r\n } else {\r\n fnNotAdmin();\r\n }\r\n }, 500);\r\n },\r\n // eslint-disable-next-line\r\n []\r\n );\r\n\r\n return (\r\n <>\r\n \r\n \r\n
\r\n
\r\n
\r\n
\r\n
회원관리 \r\n 조합원 및 회원 관리가 가능합니다. \r\n \r\n
\r\n\r\n
\r\n
\r\n usehistory.goBack()}\r\n >\r\n
\r\n
\r\n\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
업체정보 \r\n \r\n\r\n
\r\n
\r\n 업체명 \r\n
\r\n
\r\n\r\n
\r\n
\r\n 대표자명 \r\n
\r\n
\r\n\r\n
\r\n
\r\n \r\n 사업자등록번호\r\n \r\n
\r\n
\r\n\r\n
\r\n
\r\n
대표전화 \r\n
\r\n
\r\n
\r\n
\r\n\r\n
\r\n
\r\n
팩스 \r\n
\r\n
\r\n
\r\n
\r\n\r\n
\r\n
\r\n 지역선택 \r\n \r\n 선택 \r\n 춘천 \r\n 원주 \r\n 강릉 \r\n 동해 \r\n 태백 \r\n 속초 \r\n 삼척 \r\n 홍천 \r\n 횡성 \r\n 영월 \r\n 평창 \r\n 정선 \r\n 철원 \r\n 화천 \r\n 양구 \r\n 인제 \r\n 고성 \r\n 양양 \r\n \r\n
\r\n
\r\n
\r\n\r\n
\r\n
\r\n
\r\n {\r\n let copiedObj = cloneObj(shopinfo);\r\n copiedObj[\"zipcode\"] = data.zonecode;\r\n copiedObj[\"address1\"] = data.address;\r\n setShopinfo(copiedObj);\r\n setModal(false);\r\n }}\r\n />\r\n \r\n\r\n
\r\n
우편번호 \r\n
\r\n setModal(true)}\r\n >\r\n
\r\n
\r\n
\r\n\r\n
\r\n
\r\n 주소 \r\n
\r\n
\r\n\r\n
\r\n
\r\n 상세주소 \r\n
\r\n
\r\n
\r\n\r\n
\r\n
\r\n \r\n 저장\r\n \r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n\r\n
\r\n
\r\n
\r\n \r\n );\r\n}\r\n\r\nexport default MemberNew;\r\n","import { useEffect, useState } from \"react\";\r\nimport { useDispatch } from \"react-redux\";\r\nimport { LoginToken, reqData, reqFormDataBanner } from \"../../../js/server\";\r\nimport { fnNotAdmin, cloneObj } from \"../../../js/util\";\r\nimport SubMenu from \"../../comm/SubMenu\";\r\nimport SubBanner from \"../../comm/SubBanner\";\r\nimport { CSSTransition, TransitionGroup } from \"react-transition-group\";\r\n\r\nfunction BannerMgr({ props }) {\r\n const dispatch = useDispatch();\r\n const [userToken, setUserToken] = useState(null);\r\n const [bnUrl, setBnUrl] = useState(\"https://\");\r\n const [selectedFile, setSelectedFile] = useState(null);\r\n const [banners, setBanners] = useState([]);\r\n\r\n const handleFileChange = (e) => {\r\n setSelectedFile(e.target.files[0]);\r\n };\r\n\r\n const handleBnUrlChange = (e) => {\r\n setBnUrl(e.target.value);\r\n };\r\n\r\n const fnSaveClick = () => {\r\n if (!selectedFile) {\r\n alert(\"배너이미지를 선택해 주세요.\");\r\n } else {\r\n if (window.confirm(\"배너이미지를 저장하시겠습니까?\")) {\r\n let formData = new FormData();\r\n formData.append(\"file\", selectedFile, selectedFile.name);\r\n formData.append(\"servicename\", \"BannerSave\");\r\n formData.append(\"userToken\", userToken);\r\n formData.append(\"bn_url\", bnUrl);\r\n\r\n dispatch({ type: \"loadingChange\", payload: true });\r\n reqFormDataBanner(formData)\r\n .then((res) => {\r\n const resData = res.data.jsonData;\r\n let copiedObj = cloneObj(banners);\r\n copiedObj.unshift(resData);\r\n setBanners(copiedObj);\r\n setSelectedFile(null);\r\n setBnUrl(\"https://\");\r\n document.querySelector(\"#file\").value = \"\";\r\n\r\n alert(\"저장되었습니다.\");\r\n })\r\n .catch((err) => {\r\n console.error(err);\r\n })\r\n .finally(() => {\r\n dispatch({ type: \"loadingChange\", payload: false });\r\n });\r\n }\r\n }\r\n };\r\n\r\n const fetchData = () => {\r\n const jsonData = {\r\n servicename: \"BannerList\",\r\n userToken: userToken,\r\n };\r\n\r\n dispatch({ type: \"loadingChange\", payload: true });\r\n reqData(jsonData)\r\n .then((res) => {\r\n if (res.data.result === \"OK\") {\r\n setBanners(res.data.jsonData);\r\n } else {\r\n alert(res.data.msg);\r\n }\r\n })\r\n .catch((err) => {\r\n console.error(err);\r\n })\r\n .finally(() => {\r\n dispatch({ type: \"loadingChange\", payload: false });\r\n });\r\n };\r\n\r\n const fnBnEditClick = (idx, serial, e) => {\r\n if (window.confirm(\"수정하시겠습니까?\")) {\r\n let formData = new FormData();\r\n const objFile = document.querySelector(\"#file\" + idx);\r\n const objUrl = document.querySelector(\"#bn_url\" + idx);\r\n if (objFile.files[0]) {\r\n formData.append(\"file\", objFile.files[0], objFile.files[0].name);\r\n }\r\n formData.append(\"servicename\", \"BannerSave\");\r\n formData.append(\"userToken\", userToken);\r\n formData.append(\"bn_url\", objUrl.value);\r\n formData.append(\"bn_serial\", serial);\r\n\r\n dispatch({ type: \"loadingChange\", payload: true });\r\n reqFormDataBanner(formData)\r\n .then((res) => {\r\n const resData = res.data.jsonData;\r\n let copiedObj = cloneObj(banners);\r\n copiedObj[idx].bn_dir = resData.bn_dir;\r\n copiedObj[idx].bn_filename = resData.bn_filename;\r\n copiedObj[idx].bn_serial = resData.bn_serial;\r\n copiedObj[idx].bn_url = resData.bn_url;\r\n copiedObj[idx].file_url = resData.file_url;\r\n copiedObj[idx].update_dt = resData.update_dt;\r\n copiedObj[idx].wdate = resData.wdate;\r\n setBanners(copiedObj);\r\n })\r\n .catch((err) => {\r\n console.error(err);\r\n })\r\n .finally(() => {\r\n dispatch({ type: \"loadingChange\", payload: false });\r\n });\r\n }\r\n };\r\n\r\n const fnBnDeleteClick = (idx, serial, e) => {\r\n if (window.confirm(\"삭제하시겠습니까?\")) {\r\n const jsonData = {\r\n servicename: \"BannerDelete\",\r\n userToken: userToken,\r\n bn_serial: serial,\r\n };\r\n\r\n dispatch({ type: \"loadingChange\", payload: true });\r\n reqData(jsonData)\r\n .then((res) => {\r\n if (res.data.result === \"OK\") {\r\n let copiedObj = cloneObj(banners);\r\n var idx = copiedObj.findIndex((i) => i.bn_serial === serial);\r\n if (idx > -1) copiedObj.splice(idx, 1);\r\n setBanners(copiedObj);\r\n } else {\r\n alert(res.data.msg);\r\n }\r\n })\r\n .catch((err) => {\r\n console.error(err);\r\n })\r\n .finally(() => {\r\n dispatch({ type: \"loadingChange\", payload: false });\r\n });\r\n }\r\n };\r\n\r\n useEffect(\r\n () => {\r\n dispatch({\r\n type: \"pageChange\",\r\n payload: { sub01: \"관리자메뉴\", sub02: \"배너관리\" },\r\n });\r\n dispatch({ type: \"loadingChange\", payload: true });\r\n\r\n setTimeout(() => {\r\n //로그인 체크\r\n const userinfo = JSON.parse(localStorage.getItem(\"userinfo\"));\r\n if (userinfo) {\r\n const userToken = userinfo.userToken;\r\n setUserToken(userToken);\r\n\r\n //로그인 체크 후 Usertype 검사\r\n LoginToken(userToken)\r\n .then((res) => {\r\n if (res.data.result === \"OK\") {\r\n if (res.data.jsonData.usertype === \"0\") {\r\n fetchData();\r\n } else {\r\n fnNotAdmin();\r\n }\r\n }\r\n })\r\n .catch((err) => {\r\n console.error(err);\r\n localStorage.removeItem(\"userinfo\");\r\n\r\n fnNotAdmin();\r\n })\r\n .finally(() => {\r\n //dispatch({ type: 'loadingChange', payload: false })\r\n });\r\n } else {\r\n fnNotAdmin();\r\n }\r\n }, 500);\r\n },\r\n // eslint-disable-next-line\r\n []\r\n );\r\n\r\n return (\r\n <>\r\n \r\n \r\n
\r\n
\r\n
\r\n
\r\n
배너관리 \r\n 메인/사이드에 노출될 배너를 등록해 주세요. \r\n \r\n
\r\n\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
신규추가 \r\n \r\n\r\n
\r\n
\r\n \r\n 배너이미지 선택\r\n \r\n
\r\n
\r\n\r\n
\r\n
\r\n \r\n 목적지주소\r\n \r\n
\r\n
\r\n
\r\n\r\n
\r\n
\r\n \r\n 저장\r\n \r\n
\r\n
\r\n
\r\n
\r\n
\r\n\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
등록배너 \r\n \r\n\r\n
\r\n {banners.map((banner, i) => {\r\n return (\r\n \r\n \r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n \r\n 배너이미지 선택\r\n \r\n
\r\n
\r\n
\r\n\r\n
\r\n
\r\n \r\n 목적지주소\r\n \r\n {\r\n let copiedObj =\r\n cloneObj(banners);\r\n copiedObj[i][\"bn_url\"] =\r\n e.target.value;\r\n setBanners(copiedObj);\r\n }}\r\n />\r\n
\r\n
\r\n\r\n
\r\n\r\n
\r\n \r\n fnBnEditClick(\r\n i,\r\n banner.bn_serial,\r\n e\r\n )\r\n }\r\n >\r\n 저장\r\n \r\n \r\n \r\n fnBnDeleteClick(\r\n i,\r\n banner.bn_serial,\r\n e\r\n )\r\n }\r\n >\r\n 삭제\r\n \r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n\r\n
\r\n
\r\n
\r\n \r\n );\r\n}\r\n\r\nexport default BannerMgr;\r\n","import SubBanner from \"../../comm/SubBanner\";\r\nimport { useEffect, useRef, useState } from \"react\";\r\nimport { useDispatch } from \"react-redux\";\r\nimport { Link } from \"react-router-dom\";\r\nimport { LoginAccount } from \"../../../js/server\";\r\n\r\nfunction Login(props) {\r\n const dispatch = useDispatch();\r\n const useridInput = useRef();\r\n const [userid, setUserid] = useState(null);\r\n const [userpw, setUserpw] = useState(null);\r\n\r\n const fnLoginClick = () => {\r\n if (userid && userpw) {\r\n dispatch({ type: \"loadingChange\", payload: true });\r\n\r\n LoginAccount(userid, userpw)\r\n .then((res) => {\r\n if (res.data.result === \"OK\") {\r\n dispatch({ type: \"authUpdate\", payload: res.data.jsonData });\r\n localStorage.setItem(\r\n \"userinfo\",\r\n JSON.stringify(res.data.jsonData)\r\n );\r\n\r\n if (!props.aPage) {\r\n window.location.href = \"/\";\r\n }\r\n } else {\r\n alert(res.data.msg);\r\n document.getElementById(\"inputUserid\").value = null;\r\n document.getElementById(\"inputPassword\").value = null;\r\n document.getElementById(\"inputUserid\").focus();\r\n setUserid(null);\r\n setUserpw(null);\r\n dispatch({ type: \"authUpdate\", payload: null });\r\n localStorage.removeItem(\"userinfo\");\r\n }\r\n })\r\n .catch((err) => {\r\n console.error(err);\r\n dispatch({ type: \"authUpdate\", payload: null });\r\n localStorage.removeItem(\"userinfo\");\r\n })\r\n .finally(() => {\r\n dispatch({ type: \"loadingChange\", payload: false });\r\n });\r\n } else {\r\n alert(\"아이디와 비밀번호를 입력해 주세요.\");\r\n document.getElementById(\"inputUserid\").focus();\r\n }\r\n };\r\n\r\n const fnEnterCheck = (e) => {\r\n if (e.key === \"Enter\") {\r\n fnLoginClick();\r\n }\r\n };\r\n\r\n useEffect(() => {\r\n dispatch({\r\n type: \"pageChange\",\r\n payload: { sub01: \"회원관리\", sub02: \"로그인\" },\r\n });\r\n dispatch({ type: \"authUpdate\", payload: null });\r\n dispatch({ type: \"loadingChange\", payload: true });\r\n\r\n setTimeout(() => {\r\n localStorage.removeItem(\"userinfo\");\r\n\r\n useridInput.current.focus();\r\n dispatch({ type: \"loadingChange\", payload: false });\r\n }, 500);\r\n }, [dispatch]);\r\n\r\n return (\r\n <>\r\n \r\n \r\n
\r\n
\r\n\r\n
\r\n
\r\n
\r\n
\r\n 로그인시 조합원 전용메뉴를 이용하실 수 있으며\r\n
\r\n
\r\n
\r\n\r\n
\r\n
\r\n
\r\n
\r\n
\r\n 아이디 \r\n setUserid(e.target.value)}\r\n />\r\n
\r\n\r\n
\r\n 비밀번호 \r\n setUserpw(e.target.value)}\r\n onKeyDown={fnEnterCheck}\r\n />\r\n
\r\n
\r\n
\r\n\r\n
\r\n
\r\n 회원가입 \r\n \r\n 아이디/비밀번호 찾기 \r\n \r\n
\r\n\r\n
\r\n \r\n 로그인\r\n \r\n
\r\n
\r\n
\r\n
\r\n
\r\n\r\n
\r\n
\r\n
\r\n \r\n );\r\n}\r\n\r\nexport default Login;\r\n","import SubBanner from '../../comm/SubBanner'\r\nimport { useEffect, useState } from 'react'\r\nimport { useDispatch } from 'react-redux';\r\nimport { useHistory } from 'react-router-dom';\r\nimport { Col, Nav, Row, Tab } from 'react-bootstrap';\r\nimport { reqData } from '../../../js/server';\r\nimport { pwCheck } from '../../../js/util';\r\n\r\nfunction FindAccount(props) {\r\n const dispatch = useDispatch()\r\n const history = useHistory()\r\n const [userid, setUserid] = useState(null)\r\n const [userTel0, setUserTel0] = useState(null)\r\n const [userTel1, setUserTel1] = useState(null)\r\n const [userTel2, setUserTel2] = useState(null)\r\n const [userTel02, setUserTel02] = useState(null)\r\n const [userTel12, setUserTel12] = useState(null)\r\n const [userTel22, setUserTel22] = useState(null)\r\n const [luseno, setLuseno] = useState(null)\r\n const [lusenoPasswd, setLusenoPasswd] = useState(null)\r\n const [new_passwd, setNew_passwd] = useState(null)\r\n const [new_re_passwd, setNew_re_passwd] = useState(null)\r\n const [isSend, setisSend] = useState(false)\r\n const [isSendPasswd, setisSendPasswd] = useState(false)\r\n const [isResultFindId, setisResultFindId] = useState(false)\r\n const [resultFindId, setResultFindId] = useState(null)\r\n\r\n const fnSetTel = (e) => {\r\n if (e.target.id === 'inputHp0') {\r\n setUserTel0(e.target.value)\r\n if (e.target.value.length >= 3) {\r\n document.getElementById('inputHp0').value = e.target.value.slice(0, 3)\r\n document.getElementById('inputHp1').focus()\r\n }\r\n } else if (e.target.id === 'inputHp1') {\r\n setUserTel1(e.target.value)\r\n if (e.target.value.length >= 4) {\r\n document.getElementById('inputHp1').value = e.target.value.slice(0, 4)\r\n document.getElementById('inputHp2').focus()\r\n }\r\n } else if (e.target.id === 'inputHp2') {\r\n setUserTel2(e.target.value)\r\n if (e.target.value.length >= 4) {\r\n document.getElementById('inputHp2').value = e.target.value.slice(0, 4)\r\n }\r\n }\r\n }\r\n\r\n const fnSetTel2 = (e) => {\r\n if (e.target.id === 'inputHp02') {\r\n setUserTel02(e.target.value)\r\n if (e.target.value.length >= 3) {\r\n document.getElementById('inputHp02').value = e.target.value.slice(0, 3)\r\n document.getElementById('inputHp12').focus()\r\n }\r\n } else if (e.target.id === 'inputHp12') {\r\n setUserTel12(e.target.value)\r\n if (e.target.value.length >= 4) {\r\n document.getElementById('inputHp12').value = e.target.value.slice(0, 4)\r\n document.getElementById('inputHp22').focus()\r\n }\r\n } else if (e.target.id === 'inputHp22') {\r\n setUserTel22(e.target.value)\r\n if (e.target.value.length >= 4) {\r\n document.getElementById('inputHp22').value = e.target.value.slice(0, 4)\r\n }\r\n }\r\n }\r\n\r\n const fnSendLuseNo = () => {\r\n if (userTel0 && userTel1 && userTel2) {\r\n const userTel = `${userTel0}${userTel1}${userTel2}`\r\n const jsonData = {\r\n \"servicename\": \"IDSearch\",\r\n \"hp\": userTel\r\n }\r\n dispatch({ type: 'loadingChange', payload: true })\r\n reqData(jsonData).then((res) => {\r\n if (res.data.result === 'OK') {\r\n alert('인증번호가 발송되었습니다.')\r\n setisSend(true)\r\n setTimeout(() => {\r\n setisSend(false)\r\n }, 30000)\r\n } else {\r\n alert(res.data.msg)\r\n }\r\n }).catch((err) => {\r\n console.error(err)\r\n }).finally(() => {\r\n dispatch({ type: 'loadingChange', payload: false })\r\n })\r\n } else {\r\n alert('휴대폰번호를 모두 입력해 주세요.')\r\n document.querySelector('#inputHp0').focus()\r\n }\r\n }\r\n\r\n const fnSendLuseNo2 = () => {\r\n if (userid && userTel02 && userTel12 && userTel22) {\r\n const userTel = `${userTel02}${userTel12}${userTel22}`\r\n const jsonData = {\r\n \"servicename\": \"IDSearch\",\r\n \"hp\": userTel\r\n }\r\n dispatch({ type: 'loadingChange', payload: true })\r\n reqData(jsonData).then((res) => {\r\n if (res.data.result === 'OK') {\r\n alert('인증번호가 발송되었습니다.')\r\n setisSendPasswd(true)\r\n setTimeout(() => {\r\n setisSendPasswd(false)\r\n }, 30000)\r\n } else {\r\n alert(res.data.msg)\r\n }\r\n }).catch((err) => {\r\n console.error(err)\r\n }).finally(() => {\r\n dispatch({ type: 'loadingChange', payload: false })\r\n })\r\n } else {\r\n alert('아이디와 휴대폰번호를 모두 입력해 주세요.')\r\n document.querySelector('#inputHp02').focus()\r\n }\r\n }\r\n\r\n const fnFindIdClick = () => {\r\n if (luseno && userTel0 && userTel1 && userTel2) {\r\n const userTel = `${userTel0}${userTel1}${userTel2}`\r\n const jsonData = {\r\n \"servicename\": \"IDSearchOK\",\r\n \"hp\": userTel,\r\n \"luseno\": luseno\r\n }\r\n dispatch({ type: 'loadingChange', payload: true })\r\n reqData(jsonData).then((res) => {\r\n console.log(res.data)\r\n if (res.data.result === 'OK') {\r\n setisResultFindId(true)\r\n setResultFindId(res.data.userid)\r\n } else {\r\n alert(res.data.msg)\r\n }\r\n }).catch((err) => {\r\n console.error(err)\r\n }).finally(() => {\r\n dispatch({ type: 'loadingChange', payload: false })\r\n })\r\n }\r\n }\r\n\r\n const fnChangePwClick = () => {\r\n const userPwState = pwCheck(new_passwd)\r\n\r\n if (!userid) {\r\n alert('사용자아이디를 입력해 주세요.')\r\n } else if (!userTel02 || !userTel12 || !userTel22) {\r\n alert('휴대폰번호를 입력해 주세요.')\r\n } else if (!lusenoPasswd) {\r\n alert('인증번호를 입력해 주세요.')\r\n } else if (!new_passwd) {\r\n alert('새로운 비밀번호를 입력해 주세요.')\r\n } else if (!new_re_passwd) {\r\n alert('새로운 비밀번호 확인을 입력해 주세요.')\r\n } else if (!userPwState) {\r\n alert('비밀번호는 영문,숫자 포함 6~20자내 사용이 가능합니다.')\r\n } else if (new_passwd !== new_re_passwd) {\r\n alert('새로운 비밀번호와 확인란의 입력값이 다릅니다.')\r\n } else {\r\n if (window.confirm('비밀번호 변경 요청을 하시겠습니까?')) {\r\n const userTel = `${userTel02}${userTel12}${userTel22}`\r\n const jsonData = {\r\n \"servicename\": \"PWSearchOK\",\r\n \"userid\": userid,\r\n \"hp\": userTel,\r\n \"luseno\": lusenoPasswd,\r\n \"new_passwd\": new_passwd\r\n }\r\n dispatch({ type: 'loadingChange', payload: true })\r\n reqData(jsonData).then((res) => {\r\n console.log(res.data)\r\n if (res.data.result === 'OK') {\r\n alert('비밀번호 변경이 완료되었습니다.\\n\\n로그인 해 주세요.')\r\n history.push('/Login')\r\n } else {\r\n alert(res.data.msg)\r\n }\r\n }).catch((err) => {\r\n console.error(err)\r\n }).finally(() => {\r\n dispatch({ type: 'loadingChange', payload: false })\r\n })\r\n }\r\n }\r\n }\r\n\r\n useEffect(() => {\r\n dispatch({ type: 'pageChange', payload: { 'sub01': '회원관리', 'sub02': '아이디/비밀번호 찾기' } })\r\n dispatch({ type: 'authUpdate', payload: null })\r\n dispatch({ type: 'loadingChange', payload: true })\r\n\r\n setTimeout(() => {\r\n localStorage.removeItem('userinfo')\r\n\r\n dispatch({ type: 'loadingChange', payload: false })\r\n }, 500)\r\n },\r\n // eslint-disable-next-line\r\n []);\r\n\r\n return (\r\n <>\r\n \r\n \r\n
\r\n
\r\n\r\n
\r\n\r\n
\r\n
\r\n
아이디 혹은 비밀번호 분실시 휴대전화번호를 통한 인증으로 찾을 수 있습니다.
\r\n
\r\n
\r\n\r\n
\r\n
\r\n
\r\n \r\n \r\n \r\n 아이디 찾기 \r\n \r\n \r\n 비밀번호 찾기 \r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n
\r\n
\r\n
휴대폰번호 \r\n
\r\n \r\n 30초 후 가능\r\n \r\n )\r\n : (\r\n \r\n 인증번호 발송\r\n \r\n )\r\n }\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n 인증번호 \r\n setLuseno(e.target.value)} />\r\n
\r\n
\r\n
\r\n
\r\n 고객님의 ID는 \"{resultFindId || ''}\"입니다.\r\n
\r\n
\r\n \r\n \r\n
\r\n
\r\n 사용자아이디 \r\n setUserid(e.target.value)} />\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
휴대폰번호 \r\n
\r\n \r\n 30초 후 가능\r\n \r\n )\r\n : (\r\n \r\n 인증번호 발송\r\n \r\n )\r\n }\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n 인증번호 \r\n setLusenoPasswd(e.target.value)} />\r\n
\r\n
\r\n
\r\n
\r\n
\r\n 새로운 비밀번호 \r\n setNew_passwd(e.target.value)}\r\n />\r\n
\r\n
\r\n
\r\n
\r\n
\r\n 새로운 비밀번호 확인 \r\n setNew_re_passwd(e.target.value)}\r\n />\r\n
\r\n
\r\n
\r\n
\r\n 비밀번호 변경\r\n
\r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n\r\n
\r\n\r\n
\r\n\r\n
\r\n
\r\n
\r\n \r\n )\r\n}\r\n\r\nexport default FindAccount","import { useEffect, useState } from \"react\";\r\nimport { Form } from \"react-bootstrap\";\r\nimport { useDispatch } from \"react-redux\";\r\nimport { strAuth01, strAuth02 } from \"../../../js/authText.js\";\r\nimport { useHistory } from \"react-router-dom\";\r\nimport SubBanner from \"../../comm/SubBanner\";\r\n\r\nfunction JoinStep01(props) {\r\n const history = useHistory();\r\n const dispatch = useDispatch();\r\n const [auth01, setAuth01] = useState(false);\r\n const [auth02, setAuth02] = useState(false);\r\n\r\n useEffect(\r\n () => {\r\n dispatch({\r\n type: \"pageChange\",\r\n payload: { sub01: \"회원가입\", sub02: \"약관동의\" },\r\n });\r\n dispatch({ type: \"loadingChange\", payload: true });\r\n\r\n setTimeout(() => {\r\n dispatch({ type: \"loadingChange\", payload: false });\r\n }, 500);\r\n },\r\n // eslint-disable-next-line\r\n []\r\n );\r\n\r\n return (\r\n <>\r\n \r\n \r\n
\r\n
\r\n\r\n
\r\n
\r\n
\r\n
\r\n 01 \r\n 이용약관동의 \r\n
\r\n
\r\n 02 \r\n 조합원인증 \r\n
\r\n
\r\n 03 \r\n 회원가입 \r\n
\r\n
\r\n
\r\n\r\n
\r\n
\r\n
\r\n 이용약관과 개인정보취급방침에 대해 잘 확인하신 후 동의\r\n 부탁드립니다.\r\n
\r\n
\r\n
\r\n\r\n
\r\n
\r\n setAuth01(e.target.checked)}\r\n />{\" \"}\r\n {auth01}\r\n
\r\n\r\n
\r\n
\r\n
\r\n\r\n
\r\n
\r\n setAuth02(e.target.checked)}\r\n />{\" \"}\r\n {auth02}\r\n
\r\n\r\n
\r\n
\r\n
\r\n\r\n
\r\n
\r\n \r\n auth01 && auth02\r\n ? history.push(\"/JoinStep02\")\r\n : alert(\r\n \"이용약관 및 개인정보 취급방침에 미동의시 진행이 불가능합니다.\"\r\n )\r\n }\r\n >\r\n 다음\r\n \r\n
\r\n
\r\n
\r\n\r\n
\r\n
\r\n
\r\n \r\n );\r\n}\r\n\r\nexport default JoinStep01;\r\n","const strAuth01 = `강원특별자치도자동차검사정비사업조합\r\n\r\n제 1 조 (목적)\r\n이 약관은 강원특별자치도자동차검사정비사업조합(이하 '조합'라 표기합니다)이 제공하는 홈페이지 서비스의 이용조건 및 절차, 기타 필요한 사항을 규정함을 목적으로 합니다.\r\n\r\n제 2 조 (약관의 효력과 변경)\r\n1. 이 약관은 이용자에게 공지함으로써 효력을 발생합니다.\r\n2. 이 약관의 내용은 서비스 화면 내에 게시하며 약관의 변경 사항이 있을 경우 조합의 온라인 공지사항을 통해 공지합니다.\r\n3. 조합은 필요하다고 인정되는 경우 이 약관을 개정할 수 있으며 변경된 약관은 제 1 항과 같은 방법으로 효력이 발생합니다.\r\n\r\n제 3 조 (약관적용외 준칙)\r\n1. 이 약관은 조합이 제공하는 서비스에 관한 이용규정 및 별도 약관과 함께 적용됩니다.\r\n2. 이 약관에 명시되지 않은 사항이 관계법령에 규정되어 있을 경우에는 그 규정에 따릅니다.\r\n\r\n제 4 조 (정의)\r\n이 약관에서 사용하는 용어의 정의는 다음과 같습니다.\r\n1. \"이용자\"란 \"홈페이지\"에 접속하여 이 약관에 따라 \"홈페이지\" 가 제공하는 서비스를 받는 개인회원 및 법인회원을 말합니다.\r\n2. \"가입\"이란 조합이 제공하는 신청서 양식에 해당 정보를 가입하고, 본 약관에 동의하여 서비스 이용계약을 완료시키는 행위를 말합니다.\r\n3. \"회원\"이란 \"홈페이지\"에 개인 및 법인정보를 제공하여 회원등록을 한 이용자로서 \"홈페이지 \"의 정보를 지속적으로 제공받으며 해당 서비스를 계속적으로 이용할 수 있는 자를 말합니다.\r\n4. \"ID\"란 회원식별과 회원의 서비스 이용을 위하여 회원이 신청하고 조합이 승인하는 문자 및 숫자의 조합을 말합니다.\r\n5. \"비밀번호\"란 이용자가 회원ID와 일치하는지를 확인하고 통신상의 자신의 비밀보호를 위하여 이용자 자신이 선정한 문자와 숫자의 조합을 말합니다.\r\n6. \"탈퇴\"란 회원이 이용계약을 종료 시키는 행위를 말합니다.\r\n7. 본 약관에서 정의하지 않은 용어는 개별서비스에 대한 별도 약관 및 이용규정에서 정의합니다.\r\n\r\n제 5 조 (회원자격 및 이용신청)\r\n1. 회원가입은 이용자가 본 약관에 동의하고, 조합에서 요구하는 소정의 가입절차에 응한 후 이루어집니다\r\n2. 조합은 새로운 회원이 가입시 회원 ID를 무료로 제공하며 서비스 이용신청자는 반드시 실명으로 이용신청을 하여야 합니다.\r\n3. 회원가입은 이용자의 이용신청에 대한 조합의 이용 승낙과 이용자의 약관내용에 대한 동의로 성립됩니다.\r\n\r\n제 6 조 (회원자격 탈퇴 및 자격상실)\r\n1. 다음 각호의 사유에 해당하는 경우 회원자격을 제한 및 정지시킬 수 있습니다.\r\n가. 타인의 명의를 도용하여 신청하였을 때\r\n나. 이용 계약 신청서의 내용을 허위로 기재하거나 허위서류를 첨부하여 신청하였을 때\r\n다. 사회의 안녕이나 혹은 미풍양속을 저해할 목적으로 신청하였을 때\r\n라. 다른 사람의 조합서비스 이용을 방해하거나 그 정보를 도용하는 등의 행위를 하였을때\r\n마. 조합 사이트를 이용하여 법령과 본 약관이 금지하는 행위를 하는 경우\r\n바. 기타 조합이 정한 이용신청요건이 미비 되었을 때\r\n\r\n제 7 조 (서비스의 제공 및 이용)\r\n1. 서비스의 이용은 조합의 업무상 또는 기술상 특별한 지장이 없는 한 연중무휴 1일 24시간을 원칙으로 합니다.\r\n2. 조합은 다음 각 호에 해당하는 경우 서비스 제공을 중지할 수 있습니다.\r\n가. 시스템 정비를 위하여 부득이한 경우\r\n나. 전기통신사업법에 규정된 기간통신사업자가 전기통신 서비스를 중지하는 경우\r\n다. 기타 조합이 서비스를 제공할 수 없는 사유가 발생할 경우\r\n3. 조합이 제공하는 서비스는 아래와 같으며, 그 변경될 서비스의 내용을 이용자에게 공지하고 아래에서 정한 서비스를 변경하여 제공 할 수 있습니다.\r\n가. 홈페이지(회원약관)\r\n나. 기타 조합이 자체 개발하거나 다른 조합과의 협력 계약 등을 통해 제공하는 일체의 서비스\r\n\r\n제 8 조 (회원정보 사용에 대한 동의)\r\n1. 회원의 개인정보에 대해서는 조합의 개인정보 보호정책이 적용됩니다.\r\n2. 조합의 회원 정보는 다음과 같이 수집, 사용, 관리, 보호됩니다.\r\n가. 개인정보의 수집 : 조합은 귀하의 강원특별자치도자동차검사정비사업조합 서비스 가입 시 귀하가 제공하는 정보, 커뮤니티 활동을 위하여 귀하가 제공하는 정보, 각종 이벤트 참가를 위하여 귀하가 제공하는 정보, 광고나 경품의 취득을 위하여 귀하가 제공하는 정보 등을 통하여 귀하에 관한 정보를 수집합니다.\r\n나. 개인정보의 사용 : 조합은 서비스 제공과 관련해서 수집된 회원의 신상정보를 본인의 승낙 없이 제3자에게 누설, 배포하지 않습니다. 단, 전기통신기본법 등 법률의 규정에 의해 국가기관의 요구가 있는 경우, 범죄에 대한 수사상의 목적이 있거나 정보통신윤리 위원회의 요청이 있는 경우 또는 기타 관계법령에서 정한 절차에 따른 요청이 있는 경우, 귀하가 조합에 제공한 개인정보를 스스로 공개한 경우에는 그러하지 않습니다.\r\n다. 개인정보의 관리 : 귀하는 개인정보의 보호 및 관리를 위하여 홈페이지 회원정보에서 수시로 귀하의 개인정보를 수정/삭제할 수 있습니다.\r\n라. 개인정보의 보호 : 귀하의 개인정보는 오직 귀하만이 열람/수정/삭제 할 수 있으며, 이는 전적으로 귀하의ID와 비밀번호에 의해 관리되고 있습니다. 따라서 타인에게 본인의 ID와 비밀번호를 알려주어서는 아니되며, 작업 종료 시에는 반드시 로그아웃 해 주시고, 웹 브라우저의 창을 닫아 주시기 바랍니다(이는 타인과 컴퓨터를 공유하는 인터넷 카페나 도서관 같은 공공장소에서 컴퓨터를 사용하는 경우에 귀하의 정보의 보호를 위하여 필요한 사항입니다).\r\n마. 기타 : 게시판이나, E-mail,등 온라인상에서 귀하가 자발적으로 제공하는 개인정보는 다른 사람들이 수집하여 사용할 수 있음을 인지하시기 바랍니다. 공개적인 공간에 게재되는 개인정보로 인해 원하지 않는 상황이 발행할 수도 있습니다. 개인정보에 대한 비밀을 유지할 책임은 귀하에게 있으며, 강원협동조합은 개인정보 유출로 인해 발생한 결과에 대하여 어떤 책임도 부담하지 아니합니다.\r\n3. 회원이 조합에 본 약관에 따라 이용신청을 하는 것은 조합이 본 약관에 따라 신청서에 기재된 회원정보를 수집, 이용 및 제공하는 것에 동의하는 것으로 간주됩니다.\r\n\r\n제 9 조 (사용자의 정보 보안)\r\n1. 가입 신청자가 조합 서비스 가입 절차를 완료하는 순간부터 귀하는 입력한 정보의 비밀을 유지할 책임이 있으며, 회원의 ID와 비밀번호를 사용하여 발생하는 모든 결과에 대한 책임은 회원본인에게 있습니다.\r\n2. ID 와 비밀번호에 관한 모든 관리의 책임은 회원에게 있으며, 회원의 ID나 비밀번호가 부정하게 사용되었다는 사실을 발견한 경우에는 즉시 조합에 신고하여야 합니다. 신고를 하지 않음으로 인한 모든 책임은 회원 본인에게 있습니다.\r\n3. 이용자는 조합 서비스의 사용 종료 시 마다 정확히 접속을 종료하도록 해야 하며, 정확히 종료하지 아니함으로써 제3자가 귀하에 관한 정보를 이용하게 되는 등의 결과로 인해 발생하는 손해 및 손실에 대하여 조합은 책임을 부담하지 아니합니다.\r\n\r\n제 10 조 (정보의 제공 및 광고의 게재)\r\n1. 조합은 서비스를 운용함에 있어 각종 정보를 웹사이트에 게재하는 방법 등으로 회원에게 제공할 수 있습니다.\r\n2. 조합은 서비스의 운영과 관련하여 웹사이트, 전자우편 등에 광고 등을 게재할 수 있습니다.\r\n\r\n제 11 조 (조합에 제출된 게시물의 저작권)\r\n1. 귀하가 게시한 게시물의 내용에 대한 권리는 귀하에게 있습니다.\r\n2. 조합은 게시된 내용을 사전 통지 없이 편집, 이동 할 수 있는 권리를 보유하며, 다음의 경우 사전 통지 없이 삭제 할 수 있습니다.\r\n가. 본 서비스 약관에 위배되거나 상용 또는 불법, 음란, 저속하다고 판단되는 게시물을 게시한 경우\r\n나. 다른 회원 또는 제 3자를 비방하거나 중상모략으로 명예를 손상시키는 내용인 경우\r\n다. 공공질서 및 미풍양속에 위반되는 내용인 경우\r\n라. 범죄적 행위에 결부된다고 인정되는 내용일 경우\r\n마. 제3자의 저작권 등 기타 권리를 침해하는 내용인 경우\r\n바. 탈퇴자가 게시한 게시물\r\n사. 기타 관계 법령에 위배되는 경우\r\n3. 귀하의 게시물이 타인의 저작권을 침해함으로써 발생하는 민, 형사상의 책임은 전적으로 귀하가 부담하여야 합니다.\r\n\r\n제 12 조 (조합의 의무와 책임)\r\n1. 서비스의 소유 및 운영은 조합에 있습니다.\r\n2. 조합은 서비스와 관련하여 득한 회원의 개인정보를 본인의 사전 동의없이 타인에게 누설, 공개 또는 배포할 수 없으며, 서비스관련이외의 상업적인 목적으로 사용할 수 없습니다. 다만 관계법령에 의한 경우 및 수사상의 목적 등의 경우는 예외로 합니다.\r\n\r\n제 13 조 (회원의 의무)\r\n1. 회원은 관계법령, 이 약관의 규정, 이용안내 및 주의사항 등 조합이 통지하는 사항을 준수하여야 하며, 기타 조합의 업무에 방해되는 행위를 하여서는 안됩니다.\r\n2. 회원은 조합의 사전 동의없이 서비스를 이용하여 어떠한 영리행위도 할 수 없습니다.\r\n3. 회원은 서비스를 이용하여 얻은 정보를 조합의 사전 동의없이 복사, 복제, 변경, 번역, 출판, 방송 기타의 방법으로 사용하거나 이를 타인에게 제공할 수 없습니다.\r\n4. 회원은 서비스 이용과 관련하여 다음 각 호의 행위를 하여서는 안됩니다.\r\n가. 다른 회원의 ID를 부정사용하는 경우\r\n나. 범죄행위를 목적으로 하거나 기타 범죄행위와 관련된 행위\r\n다. 선량한 풍속, 기타 사회질서를 해하는 경우\r\n라. 타인의 명예를 훼손하거나 모욕하는 행위\r\n마. 타인의 지적재산권 등의 권리를 침해하는 행위\r\n바. 해킹행위 또는 컴퓨터바이러스의 유포행위\r\n사. 타인의 의사에 반하여 광고성 정보등 일정한 내용을 전송하는 행위\r\n아. 조합 사이트에 게시된 정보의 변경\r\n자. 서비스의 안정적인 운영에 지장을 주거나 줄 우려가 있는 일체의 행위\r\n차. 기타 관계법령에 위배되는 행위\r\n\r\n제 14 조 (회원 정보의 변경)\r\n1. 회원은 회원정보의 변경(주소, E-mail등)이 있을 경우 즉시 조합이 운영하는 웹상 또는 관계자에게 통보 및 수정을 하여야 합니다.\r\n2. 회원의 변경사항에 대한 미통보 및 미수정으로 인한 책임은 전적으로 회원에게 있으며 이는 서비스의 정지 및 해지의 사유가 될 수 있습니다.\r\n\r\n제 15 조 (게시물 또는 내용물의 삭제)\r\n조합은 서비스의 게시물 또는 내용물이 규정에 위반되거나 조합의 소정 게시기간을 초과하는 경우 사전 통지나 동의 없이 이를 삭제할 수 있습니다.\r\n\r\n제 16 조 (계약해지 및 이용제한)\r\n1. 회원이 이용계약을 해지하고자 하는 때에는 본인이 서비스 또는 전자우편을 통하여 해지하고자 하는 날의 1일전까지 (단, 해지일이 법정공휴일인 경우 공휴일 개시 2일전 까지) 이를 조합에 신청하여야 합니다.\r\n2. 조합은 회원이 이 약관의 내용을 위반하고, 조합 소정의 기간 이내에 이를 해지하지 아니하는 경우 서비스 이용계약을 해지 할 수 있습니다.\r\n3. 조합은 계약내용을 위반하는 회원에 대하여는 사전 동의 없이 이용의 제한 및 정지를 할 수 있습니다.\r\n4. 조합은 회원의 계약내용과 일치하지 않는 사용 및 법령에 위배되는 행위에 관하여 서비스 정지 및 해지에 관한 권리를 갖습니다.\r\n\r\n제 17 조 (손해배상)\r\n조합은 무료로 제공되는 서비스와 관련하여 회원에게 어떠한 손해가 발생하더라도 동 손해가 조합의 중대한 과실에 의한 경우를 제외하고 이에 대하여 책임을 부담하지 아니합니다.\r\n\r\n제 18 조 (면책 조항)\r\n1. 조합은 천재지변 기타 이에 준하는 불가항력으로 인하여 서비스를 제공할 수 없을 경우에는 서비스 제공 중지에 관한 책임을 면합니다.\r\n2. 조합은 이용자들의 귀책사유로 인한 서비스 이용의 장애에 대하여 책임을 면합니다.\r\n3. 조합은 이용자가 서비스를 이용하여 얻은 정보 등으로 인해 입은 손해 등에 대하여는 책임을 면합니다.\r\n4. 조합은 조합이 제공하는 서비스망을 통해 제공하는 정보의 신뢰도나 정확성에 대하여는 책임을 면합니다.\r\n5. 조합은 이용자가 게시 또는 전송한 자료의 내용에 관하여는 책임을 면합니다.\r\n\r\n부칙 1.\r\n(시행일) 이 약관은 2021년 11월 1일부터 시행합니다.\r\n`;\r\nconst strAuth02 = `개인정보취급정책\r\n1. 총 칙\r\n\r\n강원특별자치도자동차검사정비사업조합은 귀하의 개인정보보호를 매우 중요시하며, 『정보통신망이용촉진등에관한법률』상의 정보통신부가 제정한 『개인정보보호지침』을 준수하고 있습니다. 강원특별자치도자동차검사정비사업조합은 개인정보보호방침을 통하여 귀하께서 제공하시는 개인정보가 어떠한 용도와 방식으로 이용되고 있으며 개인정보보호를 위해 어떠한 조치가 취해지고 있는지 알려드립니다.\r\n\r\n2. 개인정보의 수집목적 및 이용목적\r\n\r\n강원특별자치도자동차검사정비사업조합은 이용자 확인, 통계&분석을 통한 마케팅 자료로써 귀하의 취향에 맞는 최적의 서비스를 제공하기 위한 목적으로 귀하의 개인정보를 수집, 이용하고 있습니다.\r\n수집하는 개인정보 항목에 따른 구체적인 수집목적 및 이용목적은 다음과 같습니다.\r\n\r\n- 성명, 아이디, 비밀번호, 이메일주소: 회원제 서비스 이용에 따른 본인 확인 절차에 이용\r\n- 휴대전화번호, 전화번호 : 고지사항 전달, 불만처리 등을 위한 원활한 의사소통 경로의 확보\r\n- 기타 선택항목 : 개인맞춤 서비스를 제공하기 위한 자료\r\n\r\n3. 목적 외 사용 및 제3자에 대한 제공 및 공유\r\n\r\n강원특별자치도자동차검사정비사업조합은 귀하의 동의가 있거나 관련법령의 규정에 의한 경우를 제외하고는 어떠한 경우에도 『개인정보의 수집목적 및 이용목적』에서 고지한 범위를 넘어 귀하의 개인정보를 이용하거나 타인 또는 타기업, 기관에 제공하지 않습니다.\r\n귀하의 개인정보를 제공하거나 공유하는 경우에는 사전에 귀하에게 제공받거나 공유하는 자가 누구이며 주된 사업이 무엇인지, 제공 또는 공유되는 개인정보항목이 무엇인지, 개인정보를 제공하거나 공유하는 목적이 무엇인지 등에 대해 개별적으로 전자우편 또는 서면을 통해 고지한 후 이에 대한 동의를 구합니다.\r\n다만, 다음의 경우에는 관련 법령의 규정에 의하여 귀하의 동의 없이 개인정보를 제공하는 것이 가능합니다.\r\n- 서비스제공에 따른 요금정산을 위하여 필요한 경우\r\n- 통계작성, 학술연구 또는 시장조사를 위하여 필요한 경우로서 특정 개인을 알아볼 수 없는 형태로 가공하여 제공하는 경우\r\n- 금융실명거래및비밀보장에관한법률, 신용정보의이용및보호에관한법률, 전기통신기본법, 전기통신사업법, 지방세법, 소비자보호법, 한국은행법, 형사소송법 등 법률에 특별한 규정이 있는 경우\r\n\r\n4. 개인정보 수집에 대한 동의\r\n\r\n강원특별자치도자동차검사정비사업조합은 귀하의 개인정보 수집에 대한 동의를 받고 있습니다. 귀하의 개인정보 수집과 관련하여 강원특별자치도자동차검사정비사업조합의 개인정보보호방침 또는 이용약관의 내용에 대해 「동의」버튼 또는 「취소」버튼을 클릭할 수 있는 절차를 마련하고 있으며, 귀하가 「동의」버튼을 클릭하면 개인정보 수집에 대해 동의한 것으로 봅니다.\r\n\r\n5. 개인정보관리책임자\r\n\r\n귀하의 개인정보를 보호하고 개인정보와 관련한 불만을 처리하기 위하여 강원특별자치도자동차검사정비사업조합은 개인정보관리책임자를 두고 있습니다. 개인정보와 관련한 문의사항이 있으시면 아래의 개인정보관리책임자에게 연락주시기 바랍니다. 귀하의 문의사항에 신속하고 성실하게 답변해드리겠습니다.\r\n\r\n[ 개인정보관리책임자 ]\r\nTel : 033.761.5200\r\nFax : 033.763.3110\r\n\r\n6. 개인정보의 수집\r\n\r\n강원특별자치도자동차검사정비사업조합은 회원가입시 서비스 이용을 위해 필요한 최소한의 개인정보만을 수집합니다.\r\n귀하가 강원특별자치도자동차검사정비사업조합의 서비스를 이용하기 위해서는 조합원 가입신청서에 명시된 내용(성명, 주소, 전화번호, 휴대번호)를 필수적으로 입력하셔야 합니다. 그러나, 기타 선택항목은 이를 입력하지 않더라도 서비스 이용에는 제한이 없습니다.\r\n\r\n7. 쿠키에 의한 개인정보 수집\r\n\r\n강원특별자치도자동차검사정비사업조합은 귀하의 정보를 수시로 저장하고 찾아내는 ‘쿠키(cookie)’를 운용합니다. 쿠키란 강원특별자치도자동차검사정비사업조합의 웹사이트를 운영하는데 이용되는 서버가 귀하의 브라우저에 보내는 아주 작은 텍스트 파일로서 귀하의 컴퓨터 하드디스크에 저장됩니다. 강원특별자치도자동차검사정비사업조합은 다음과 같은 목적을 위해 쿠키를 사용합니다.\r\n회원과 비회원의 접속 빈도나 방문 시간 등을 분석하고 이용자의 취향과 관심분야를 파악하여 타겟(target) 마케팅 및 서비스 개편 등의 척도로 활용합니다.\r\n강원특별자치도자동차검사정비사업조합이 진행하는 각종 이벤트에서 귀하의 참여 정도 및 방문 회수를 파악하여 차별적인 응모 기회를 부여하고 개인의 관심 분야에 따라 차별화된 정보를 제공하기 위한 자료로 이용됩니다.\r\n귀하는 쿠키 설치에 대한 선택권을 가지고 있습니다. 따라서, 귀하는 웹브라우저에서 옵션을 설정함으로써 모든 쿠키를 허용하거나, 쿠키가 저장될 때마다 확인을 거치거나, 아니면 모든 쿠키의 저장을 거부할 수도 있습니다.\r\n회원님께서 쿠키 설치를 거부하셨을 경우 강원특별자치도자동차검사정비사업조합서비스 제공에 어려움이 있습니다.\r\n\r\n8. 개인정보의 열람과 정정\r\n\r\n귀하는 언제든지 등록되어 있는 귀하의 개인정보를 열람하거나 정정하실 수 있습니다. 귀하의 개인정보에 대한 열람 또는 정정을 하고자 할 경우에는 개인정보관리책임자에게 서면, 전화 또는 E-mail로 연락하시면 지체없이 조치하겠습니다.\r\n귀하가 개인정보의 오류에 대한 정정을 요청하신 경우에는 정정을 완료하기 전까지 당해 개인정보를 이용 또는 제공하지 않습니다. 또한 잘못된 개인정보를 제3자에게 이미 제공한 경우에는 정정 처리결과를 제3자에게 지체없이 통지하여 정정이 이루어지도록 조치하겠습니다.\r\n\r\n9. 동의철회(회원탈퇴)\r\n\r\n귀하는 회원가입시 개인정보의 수집/이용 및 제공에 대해 동의하신 내용을 언제든지 철회하실 수 있습니다. 동의철회(회원탈퇴)는 강원특별자치도자동차검사정비사업조합 개인정보관리책임자에게 서면, 전화 또는 E-mail 등으로 연락하시면 지체없이 귀하의 개인정보를 파기하는 등 필요한 조치를 하겠습니다.\r\n\r\n10. 개인정보의 보유기간 및 이용기간\r\n\r\n강원특별자치도자동차검사정비사업조합은 개인정보의 수집목적 또는 제공받은 목적이 달성된 때에는 귀하의 개인정보를 지체없이 파기합니다.\r\n\r\n- 회원가입정보의 경우 : 회원가입을 탈퇴하거나 회원에서 제명된 때\r\n- 설문조사, 이벤트 등의 목적을 위하여 수집한 경우 : 당해 설문조사, 이벤트 등이 종료한 때\r\n- 다만, 수집목적 또는 제공받은 목적이 달성된 경우에도 상법 등 법령의 규정에 의하여 보존할 필요성이 있는 경우에는 귀하의 개인정보를 보유할 수 있습니다.\r\n11. 개인정보침해 관련 상담 및 신고\r\n\r\n개인정보침해에 대한 신고.상담이 필요하신 경우에는 한국인터넷진흥원(KISA)내 개인정보침해신고센터로 문의하시기 바랍니다.\r\n\r\n[ 개인정보침해신고센터 ]\r\n전화 : 02) 405-5118\r\nURL : http://privacy.kisa.or.kr/\r\n\r\n12. 정책 변경에 따른 공지의무\r\n\r\n이 개인정보보호방침은 2021년 11월 1일에 제정되었으며 법령과 정책 또는 보안기술의 변경에 따라 내용의 추가, 삭제 및 수정이 있을 시에는 변경되는 개인정보보호정책을 시행하기 최소 10일전에 강원특별자치도자동차검사정비사업조합 홈페이지를 통해 변경이유 및 내용 등을 공지하도록 하겠습니다.\r\n`;\r\n\r\nexport { strAuth01, strAuth02 };\r\n","import { useEffect, useState } from \"react\";\r\nimport { useDispatch } from \"react-redux\";\r\nimport MaskedFormControl from \"react-bootstrap-maskedinput\";\r\nimport { reqData } from \"../../../js/server\";\r\nimport { useHistory } from \"react-router-dom\";\r\nimport SubBanner from \"../../comm/SubBanner\";\r\n\r\nfunction JoinStep02(props) {\r\n const history = useHistory();\r\n const dispatch = useDispatch();\r\n const [comIdno, setComIdno] = useState(\"\");\r\n\r\n useEffect(\r\n () => {\r\n dispatch({\r\n type: \"pageChange\",\r\n payload: { sub01: \"회원가입\", sub02: \"조합원인증\" },\r\n });\r\n dispatch({ type: \"loadingChange\", payload: true });\r\n\r\n setTimeout(() => {\r\n localStorage.removeItem(\"authComInfo\");\r\n dispatch({ type: \"loadingChange\", payload: false });\r\n }, 500);\r\n },\r\n // eslint-disable-next-line\r\n []\r\n );\r\n\r\n const fnIdnoCheckClick = () => {\r\n if (comIdno.length !== 12) {\r\n alert(\"사업자등록번호를 정확히 입력해 주세요.\");\r\n document.getElementById(\"inputComidno\").focus();\r\n } else {\r\n //조합원 인증 체크\r\n const jsonData = {\r\n servicename: \"ShopSearch\",\r\n comIdno: comIdno.replace(/-/gi, \"\"),\r\n };\r\n console.log(jsonData);\r\n dispatch({ type: \"loadingChange\", payload: true });\r\n reqData(jsonData)\r\n .then((res) => {\r\n console.log(res);\r\n if (res.data.result === \"OK\") {\r\n const resData = res.data.jsonData;\r\n localStorage.setItem(\"authComInfo\", JSON.stringify(resData));\r\n\r\n alert(\"조합원 인증에 성공하였습니다. 회원가입으로 이동합니다.\");\r\n history.push(\"/JoinStep03\");\r\n } else {\r\n alert(\"조합원 정보를 찾을 수 없습니다.\");\r\n }\r\n })\r\n .catch((err) => {\r\n console.error(err);\r\n })\r\n .finally(() => {\r\n dispatch({ type: \"loadingChange\", payload: false });\r\n });\r\n }\r\n };\r\n\r\n return (\r\n <>\r\n \r\n \r\n
\r\n
\r\n\r\n
\r\n
\r\n
\r\n
\r\n 01 \r\n 이용약관동의 \r\n
\r\n
\r\n 02 \r\n 조합원인증 \r\n
\r\n
\r\n 03 \r\n 회원가입 \r\n
\r\n
\r\n
\r\n\r\n
\r\n
\r\n
\r\n 조합원 신청을 통하여 기등록된 조합원만 가입이 가능합니다.\r\n
\r\n
\r\n
\r\n\r\n
\r\n
\r\n
\r\n
\r\n
\r\n \r\n 사업자등록번호\r\n \r\n setComIdno(e.target.value)}\r\n />\r\n
\r\n
\r\n
\r\n\r\n
\r\n
\r\n 인증에 실패되거나 별도 가입을 원하시는 분들은 메인화면의\r\n 조합원 가입하기를 통해 절차를 다시 확인해 주시기 바랍니다.\r\n
\r\n
\r\n\r\n
\r\n
\r\n \r\n 다음\r\n \r\n
\r\n
\r\n
\r\n
\r\n
\r\n\r\n
\r\n
\r\n
\r\n \r\n );\r\n}\r\n\r\nexport default JoinStep02;\r\n","import { useEffect, useState } from 'react'\r\nimport { useDispatch } from 'react-redux';\r\nimport { useHistory } from 'react-router-dom';\r\nimport { idCheck, pwCheck } from '../../../js/util'\r\nimport { reqData } from '../../../js/server'\r\nimport SubBanner from '../../comm/SubBanner';\r\n\r\nfunction JoinStep03(props) {\r\n const history = useHistory()\r\n const dispatch = useDispatch()\r\n const [comInfo, setComInfo] = useState({\r\n comcode: null,\r\n comname: null,\r\n boss: null,\r\n comidno: null,\r\n tel0: null,\r\n tel1: null,\r\n tel2: null,\r\n area: null,\r\n comgrade: null\r\n })\r\n const [userId, setUserId] = useState(null)\r\n const [userName, setUserName] = useState(null)\r\n const [userPw, setUserPw] = useState(null)\r\n const [userRePw, setUserRePw] = useState(null)\r\n const [userTel0, setUserTel0] = useState(null)\r\n const [userTel1, setUserTel1] = useState(null)\r\n const [userTel2, setUserTel2] = useState(null)\r\n\r\n const fnSetTel = (e) => {\r\n if (e.target.id === 'inputHp0') {\r\n setUserTel0(e.target.value)\r\n if (e.target.value.length >= 3) {\r\n document.getElementById('inputHp0').value = e.target.value.slice(0, 3)\r\n document.getElementById('inputHp1').focus()\r\n }\r\n } else if (e.target.id === 'inputHp1') {\r\n setUserTel1(e.target.value)\r\n if (e.target.value.length >= 4) {\r\n document.getElementById('inputHp1').value = e.target.value.slice(0, 4)\r\n document.getElementById('inputHp2').focus()\r\n }\r\n } else if (e.target.id === 'inputHp2') {\r\n setUserTel2(e.target.value)\r\n if (e.target.value.length >= 4) {\r\n document.getElementById('inputHp2').value = e.target.value.slice(0, 4)\r\n }\r\n }\r\n }\r\n\r\n const fnJoinClick = () => {\r\n const userIdState = idCheck(userId)\r\n const userPwState = pwCheck(userPw)\r\n const userRePwState = pwCheck(userRePw)\r\n\r\n if (!userIdState) {\r\n alert('사용자 아이디는 6~20자내 사용이 가능합니다. (영문,숫자 가능)')\r\n document.getElementById('inputUserid').focus()\r\n } else if (!userPwState) {\r\n alert('사용자 비밀번호는 영문,숫자 포함 6~20자내 사용이 가능합니다.')\r\n document.getElementById('inputPasswd').focus()\r\n } else if (!userRePwState) {\r\n alert('사용자 비밀번호는 6~20자내 사용이 가능합니다.')\r\n document.getElementById('inputRePasswd').focus()\r\n } else if (userPw !== userRePw) {\r\n alert('비밀번호와 비밀번호 확인란의 내용이 다릅니다.')\r\n document.getElementById('inputRePasswd').focus()\r\n } else if (!userTel0 || userTel0.length < 3) {\r\n alert('휴대폰번호는 계정분실시 사용됩니다. 입력해 주세요.')\r\n document.getElementById('inputHp0').focus()\r\n } else if (!userTel1 || userTel1.length < 3) {\r\n alert('휴대폰번호는 계정분실시 사용됩니다. 입력해 주세요.')\r\n document.getElementById('inputHp1').focus()\r\n } else if (!userTel2 || userTel2.length < 4) {\r\n alert('휴대폰번호는 계정분실시 사용됩니다. 입력해 주세요.')\r\n document.getElementById('inputHp2').focus()\r\n } else {\r\n if (window.confirm('가입을 진행하시겠습니까?')) {\r\n const jsonData = {\r\n \"servicename\": \"Regist\",\r\n \"comcode\": comInfo.comcode,\r\n \"userid\": userId,\r\n \"passwd\": userPw,\r\n \"username\": userName,\r\n \"hp\": userTel0 + userTel1 + userTel2\r\n }\r\n\r\n dispatch({ type: 'loadingChange', payload: true })\r\n reqData(jsonData).then((res) => {\r\n if (res.data.result === 'OK') {\r\n dispatch({ type: 'authUpdate', payload: res.data.jsonData })\r\n localStorage.setItem('userinfo', JSON.stringify(res.data.jsonData))\r\n\r\n if (!props.aPage) {\r\n window.location.href = \"/\"\r\n }\r\n } else {\r\n alert(res.data.msg)\r\n }\r\n }).catch((err) => {\r\n console.error(err)\r\n }).finally(() => {\r\n dispatch({ type: 'loadingChange', payload: false })\r\n })\r\n }\r\n }\r\n }\r\n\r\n useEffect(() => {\r\n dispatch({ type: 'pageChange', payload: { 'sub01': '회원가입', 'sub02': '회원가입' } })\r\n dispatch({ type: 'loadingChange', payload: true })\r\n\r\n setTimeout(() => {\r\n const _cominfo = localStorage.getItem('authComInfo')\r\n if (_cominfo) {\r\n setComInfo(JSON.parse(_cominfo))\r\n } else {\r\n alert('조합원 정보가 없습니다. 잘못된 경로를 통해 접근하였습니다.')\r\n history.push('/JoinStep01')\r\n }\r\n\r\n dispatch({ type: 'loadingChange', payload: false })\r\n }, 500)\r\n },\r\n [setComInfo, history, dispatch]);\r\n\r\n return (\r\n <>\r\n \r\n \r\n
\r\n
\r\n\r\n
\r\n\r\n
\r\n
\r\n
\r\n 01 \r\n 이용약관동의 \r\n
\r\n
\r\n 02 \r\n 조합원인증 \r\n
\r\n
\r\n 03 \r\n 회원가입 \r\n
\r\n
\r\n
\r\n\r\n
\r\n
\r\n
조합원정보를 확인한 후 회원가입을 진행해 주세요.
\r\n
\r\n
\r\n\r\n
\r\n
\r\n
\r\n
\r\n
\r\n 업체명 \r\n
\r\n
\r\n
\r\n\r\n
\r\n
\r\n
\r\n 대표자명 \r\n
\r\n
\r\n
\r\n\r\n
\r\n
\r\n
\r\n 연락처 \r\n
\r\n
\r\n
\r\n\r\n
\r\n
\r\n
\r\n 사용자아이디 \r\n
\r\n
\r\n
\r\n\r\n
\r\n
\r\n
\r\n 사용자명 \r\n
\r\n
\r\n
\r\n\r\n
\r\n
\r\n
\r\n 비밀번호 \r\n
\r\n
\r\n
\r\n\r\n
\r\n
\r\n
\r\n 비밀번호 확인 \r\n
\r\n
\r\n
\r\n\r\n
\r\n\r\n
\r\n
\r\n
\r\n\r\n
\r\n\r\n
\r\n
\r\n
\r\n \r\n )\r\n}\r\n\r\nexport default JoinStep03","import UserCard from \"../../admin/UserCard\";\r\n\r\nfunction CreateMemberInfo(props) {\r\n return (\r\n \r\n
\r\n
\r\n
\r\n
조합직원등록 \r\n \r\n
\r\n\r\n
\r\n
\r\n
\r\n 아이디 \r\n
\r\n
\r\n
\r\n
\r\n 이름 \r\n
\r\n
\r\n
\r\n
\r\n 휴대전화번호 \r\n
\r\n
\r\n
\r\n\r\n
\r\n
\r\n
\r\n 비밀번호 \r\n
\r\n
\r\n
\r\n\r\n
\r\n
\r\n \r\n 저장\r\n \r\n
\r\n
\r\n\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
업체정보 \r\n \r\n\r\n
\r\n
\r\n 업체명 \r\n
\r\n
\r\n\r\n
\r\n
\r\n 대표자명 \r\n
\r\n
\r\n\r\n
\r\n
\r\n 사업자등록번호 \r\n
\r\n
\r\n\r\n
\r\n
\r\n
대표전화 \r\n
\r\n
\r\n
\r\n
\r\n\r\n
\r\n
\r\n
팩스 \r\n
\r\n
\r\n
\r\n
\r\n\r\n
\r\n
\r\n\r\n
\r\n
\r\n
\r\n 우편번호 \r\n
\r\n
\r\n\r\n
\r\n
\r\n 주소 \r\n
\r\n
\r\n\r\n
\r\n
\r\n 상세주소 \r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
나의 계정정보 \r\n \r\n
\r\n\r\n
\r\n
\r\n
\r\n 아이디 \r\n
\r\n
\r\n
\r\n
\r\n 이름 \r\n
\r\n
\r\n
\r\n
\r\n 휴대전화번호 \r\n
\r\n
\r\n
\r\n\r\n
\r\n
\r\n
\r\n 현재비밀번호 \r\n
\r\n
\r\n
\r\n
\r\n 비밀번호변경 \r\n
\r\n
\r\n
\r\n
\r\n 비밀번호변경 확인 \r\n
\r\n
\r\n
\r\n\r\n
\r\n
\r\n \r\n 저장\r\n \r\n
\r\n
\r\n
\r\n \r\n
\r\n
\r\n
내정보수정 \r\n \r\n 내 계정의 이름, 비밀번호 등을 수정할 수 있으며 업체정보는 조합에\r\n 요청해 주세요.\r\n \r\n \r\n
\r\n\r\n
\r\n
\r\n
\r\n\r\n
\r\n
\r\n\r\n {userType === \"0\" ? (\r\n <>\r\n
\r\n \r\n ) : null}\r\n
\r\n
\r\n \r\n );\r\n}\r\n\r\nexport default MemberInfo;\r\n","import { useEffect } from \"react\";\r\nimport { useDispatch } from \"react-redux\";\r\nimport SubBanner from \"../../comm/SubBanner\";\r\nimport SubMenu from \"../../comm/SubMenu\";\r\n\r\nfunction Greetings(props) {\r\n const dispatch = useDispatch();\r\n\r\n useEffect(\r\n () => {\r\n dispatch({\r\n type: \"pageChange\",\r\n payload: { sub01: \"조합소개\", sub02: \"이사장 인사말\" },\r\n });\r\n dispatch({ type: \"loadingChange\", payload: true });\r\n\r\n setTimeout(() => {\r\n dispatch({ type: \"loadingChange\", payload: false });\r\n }, 500);\r\n },\r\n // eslint-disable-next-line\r\n []\r\n );\r\n\r\n return (\r\n <>\r\n \r\n \r\n
\r\n
\r\n
\r\n
\r\n
이사장 인사말 \r\n 홈페이지에 방문을 환영합니다. \r\n \r\n
\r\n\r\n
\r\n
\r\n
\r\n\r\n
\r\n 강원특별자치도\r\n 이사장 이상무 \r\n \r\n\r\n
\r\n
\r\n
\r\n
\r\n
친환경차 시대, 끊임없는 믿음의 정비 \r\n \r\n
\r\n
\r\n
\r\n
\r\n
\r\n 강원특별자치도자동차검사정비사업조합 홈페이지를 방문해\r\n 주셔서 감사합니다.\r\n
\r\n
\r\n 강원특별자치도자동차검사정비사업조합 제14대 이사장\r\n 이상무입니다.\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n 저희 강원특별자치도자동차검사정비사업조합 임직원\r\n 일동은 급속도로 변화하는 친환경 자동차 시대에 맞추어\r\n 교육훈련 등을 통해 차질없이 준비해 가고 있으며, 국민의\r\n 생명과 재산을 보호하는 믿음과 신뢰의 정비를 실현하고자\r\n 불철주야 노력하고 있습니다.\r\n
\r\n
\r\n 새롭게 단장된 홈페이지를 통하여 조합원간에 원할한\r\n 정보교류 등 소통의 장이 되기를 희망해 봅니다.\r\n
\r\n
\r\n 앞으로도 조합의 노력에 지대한 관심과 협조를 부탁드리며\r\n 방문해 주신 모든 분들의 무궁한 발전과 행복이\r\n 가득하시기를 기원합니다.\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
제14대 이사장 이상무 배상 \r\n \r\n
\r\n
\r\n
\r\n
\r\n
\r\n\r\n
\r\n
\r\n
\r\n \r\n );\r\n}\r\n\r\nexport default Greetings;\r\n","import { useEffect } from \"react\";\r\nimport { useDispatch } from \"react-redux\";\r\nimport SubBanner from \"../../comm/SubBanner\";\r\nimport SubMenu from \"../../comm/SubMenu\";\r\n\r\nfunction History(props) {\r\n const dispatch = useDispatch();\r\n\r\n useEffect(\r\n () => {\r\n dispatch({\r\n type: \"pageChange\",\r\n payload: { sub01: \"조합소개\", sub02: \"연혁\" },\r\n });\r\n dispatch({ type: \"loadingChange\", payload: true });\r\n\r\n setTimeout(() => {\r\n dispatch({ type: \"loadingChange\", payload: false });\r\n }, 500);\r\n },\r\n // eslint-disable-next-line\r\n []\r\n );\r\n\r\n return (\r\n <>\r\n \r\n \r\n
\r\n
\r\n
\r\n
\r\n
연혁 \r\n 조합의 발자취와 미래 지향적 비전을 소개합니다.\r\n \r\n
\r\n\r\n
\r\n
\r\n\r\n
\r\n
\r\n\r\n
\r\n
\r\n
\r\n \r\n \r\n 1967.12.27 \r\n \r\n 한국자동차정비사업진흥회 강원도지부 창립\r\n \r\n \r\n \r\n \r\n \r\n 1983.12.31 \r\n 한국자동차정비사업진흥회 강원도지부 해산 \r\n \r\n \r\n \r\n \r\n 1983.07.15 \r\n \r\n 강원도자동차정비사업조합 창립 발기인회 개최\r\n \r\n \r\n \r\n \r\n \r\n 1983.09.13 \r\n 강원도자동차정비사업조합 창립총회 개최 \r\n \r\n \r\n \r\n \r\n 1983.11.23 \r\n \r\n 강원도자동차정비사업조합 설립 허가\r\n \r\n \r\n \r\n \r\n \r\n 1983.12.08 \r\n 춘천지방법원에 등기 (등기번호88호) \r\n \r\n \r\n \r\n \r\n 1984.01.01 \r\n 강원도자동차정비사업조합 사무 개시 \r\n \r\n \r\n \r\n \r\n 1998.04.15 \r\n 조합 사옥 준공 \r\n \r\n \r\n \r\n \r\n 1999.02.25 \r\n 강원도자동차검사정비사업조합으로 명칭 변경 \r\n \r\n \r\n \r\n \r\n 2023.09.13 \r\n \r\n 강원특별자치도자동차검사정비사업조합으로 명칭 변경\r\n \r\n \r\n \r\n \r\n
\r\n
\r\n
\r\n
\r\n
\r\n\r\n
\r\n
\r\n
\r\n \r\n );\r\n}\r\n\r\nexport default History;\r\n","import React, { useState } from \"react\";\r\nimport { Document, Page } from \"react-pdf\";\r\n\r\nexport default function AllPages(props) {\r\n const [numPages, setNumPages] = useState(null);\r\n\r\n function onDocumentLoadSuccess({ numPages }) {\r\n setNumPages(numPages);\r\n }\r\n\r\n const { pdf } = props;\r\n\r\n return (\r\n \r\n {Array.from(new Array(numPages), (el, index) => (\r\n \r\n \r\n
\r\n
\r\n
\r\n
\r\n
조합정관 및 사업자윤리강령 \r\n \r\n 조합의 기본 원칙과 윤리적 경영을 담당하는 핵심 규정을\r\n 소개합니다.\r\n \r\n \r\n
\r\n\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n 정관 \r\n \r\n fnFileDownload(\"./doc/정관.pdf\", \"정관.pdf\")\r\n }\r\n />\r\n \r\n \r\n\r\n
\r\n
\r\n
\r\n
\r\n
\r\n\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n 자동차 정비사업자 윤리강령 \r\n \r\n \r\n
\r\n
\r\n
\r\n 사회적 책임 \r\n
\r\n
\r\n 우리는 고귀한 생명과 재산을 보호하여 정비 사업의 사회적\r\n 책임을 다한다.\r\n
\r\n
\r\n
\r\n
\r\n 건전한 발전 \r\n
\r\n
\r\n 우리는 질서의식과 준법정신으로 정비 사업의 건전한 발전을\r\n 도모한다.\r\n
\r\n
\r\n
\r\n
\r\n 사업 현대화 \r\n
\r\n
\r\n 우리는 생산성 향상과 경영합리화로 정비 사업의 현대화를\r\n 이룩한다.\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n\r\n
\r\n
\r\n
\r\n \r\n );\r\n}\r\n\r\nexport default Articles;\r\n","import { useRef, useEffect } from \"react\";\r\n\r\nconst options = {\r\n center: new window.kakao.maps.LatLng(37.87864033591874, 127.76693052910291), //지도의 중심좌표.\r\n level: 2, //지도의 레벨(확대, 축소 정도)\r\n};\r\n\r\nfunction Location() {\r\n const container = useRef(null); //지도를 담을 영역의 DOM 레퍼런스\r\n\r\n useEffect(() => {\r\n var map = new window.kakao.maps.Map(container.current, options); //지도 생성 및 객체 리턴\r\n var markerPosition = new window.kakao.maps.LatLng(\r\n 37.87864033591874,\r\n 127.76693052910291\r\n );\r\n var marker = new window.kakao.maps.Marker({\r\n position: markerPosition,\r\n });\r\n\r\n marker.setMap(map);\r\n }, []);\r\n\r\n return
;\r\n}\r\n\r\nexport default Location;\r\n","import { useEffect } from \"react\";\r\nimport { useDispatch } from \"react-redux\";\r\nimport SubBanner from \"../../comm/SubBanner\";\r\nimport SubMenu from \"../../comm/SubMenu\";\r\nimport Location from \"../../comm/Location\";\r\n\r\nfunction Directions(props) {\r\n const dispatch = useDispatch();\r\n\r\n useEffect(\r\n () => {\r\n dispatch({\r\n type: \"pageChange\",\r\n payload: { sub01: \"조합소개\", sub02: \"찾아오시는 길\" },\r\n });\r\n dispatch({ type: \"loadingChange\", payload: true });\r\n\r\n setTimeout(() => {\r\n dispatch({ type: \"loadingChange\", payload: false });\r\n }, 500);\r\n },\r\n // eslint-disable-next-line\r\n []\r\n );\r\n\r\n return (\r\n <>\r\n \r\n \r\n
\r\n
\r\n
\r\n
\r\n
찾아오시는 길 \r\n 방문시 위치를 미리 확인하셔서 오시기 바랍니다.\r\n \r\n
\r\n\r\n
\r\n\r\n
\r\n\r\n
\r\n
\r\n
강원특별자치도 춘천시 동면 만천로 57
\r\n
\r\n
\r\n\r\n
\r\n\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n\r\n
\r\n
\r\n
\r\n \r\n );\r\n}\r\n\r\nexport default Directions;\r\n","import { useEffect, useState } from \"react\";\r\nimport { useDispatch } from \"react-redux\";\r\nimport { reqData } from \"../../../js/server\";\r\nimport SubMenu from \"../../comm/SubMenu\";\r\nimport List from \"../../comm/List\";\r\nimport Paging from \"../../comm/Paging\";\r\nimport SubBanner from \"../../comm/SubBanner\";\r\nimport ImageMap from \"image-map\";\r\nimport queryString from \"query-string\";\r\n\r\nfunction UnionMem({ match, location, history }) {\r\n const dispatch = useDispatch();\r\n const [posts, setPosts] = useState([]);\r\n const [areaItem, setAreaItem] = useState([]);\r\n const [currentPage, setCurrentPage] = useState(1);\r\n // eslint-disable-next-line\r\n const [postsPerPage, setPostsPerPage] = useState(10);\r\n const [totalCount, setTotalCount] = useState(0);\r\n const query = queryString.parse(location.search);\r\n const testkind = query.testkind || \"\";\r\n\r\n async function fetchData(page = 1) {\r\n //Hash에 남길 State 저장\r\n setCurrentPage(Number(page));\r\n const keyword = document.querySelector(\"#inputKeyword\").value;\r\n const area = document.querySelector(\"#inputArea\").value;\r\n\r\n const jsonData = {\r\n servicename: \"OpenShopList\",\r\n area,\r\n keyword,\r\n testkind,\r\n currentPage: page,\r\n maxListCount: postsPerPage,\r\n };\r\n\r\n reqData(jsonData)\r\n .then((res) => {\r\n if (res.data.result === \"OK\") {\r\n setTotalCount(res.data.totalCnt);\r\n setPosts(res.data.jsonData);\r\n setAreaItem(res.data.jsonArea);\r\n } else {\r\n console.error(res.data.msg);\r\n setTotalCount(0);\r\n setPosts([]);\r\n }\r\n })\r\n .catch((err) => {\r\n console.error(err);\r\n })\r\n .finally(() => {\r\n dispatch({ type: \"loadingChange\", payload: false });\r\n });\r\n }\r\n\r\n const fnSearchClick = () => {\r\n const keyword = document.querySelector(\"#inputKeyword\").value;\r\n\r\n if (keyword.length > 1) {\r\n fetchData(1);\r\n } else {\r\n alert(\"검색어는 2자 이상 필요합니다.\");\r\n }\r\n };\r\n\r\n const setPage = (page) => {\r\n fetchData(page);\r\n };\r\n\r\n const selectedArea = (area) => {\r\n document.querySelector(\"#inputArea\").value = area;\r\n fetchData(1);\r\n };\r\n\r\n const fetchSubTitle = () => {\r\n switch (testkind) {\r\n case \"1\":\r\n return (\r\n \r\n
종합검사 업체안내 \r\n 강원특별자치도의 종합검사 전문 업체를 한눈에 확인하세요.\r\n \r\n );\r\n case \"2\":\r\n return (\r\n \r\n
정기검사 업체안내 \r\n 안전과 신뢰를 기반으로 한 강원특별자치도의 정기검사 업체 정보를\r\n 제공합니다.\r\n \r\n );\r\n default:\r\n return (\r\n \r\n
정비업체현황 \r\n 강원특별자치도 자동차종합정비업을 이끌어 가는 정비업체 현황입니다.\r\n \r\n );\r\n }\r\n };\r\n\r\n useEffect(\r\n () => {\r\n dispatch({ type: \"loadingChange\", payload: true });\r\n\r\n setTimeout(() => {\r\n ImageMap(\"img[usemap]\");\r\n\r\n let payload = \"\";\r\n switch (testkind) {\r\n case \"1\":\r\n payload = { sub01: \"정비업체현황\", sub02: \"종합검사 업체안내\" };\r\n break;\r\n case \"2\":\r\n payload = { sub01: \"정비업체현황\", sub02: \"정기검사 업체안내\" };\r\n break;\r\n default:\r\n payload = { sub01: \"정비업체현황\", sub02: \"정비업체현황\" };\r\n break;\r\n }\r\n dispatch({\r\n type: \"pageChange\",\r\n payload: payload,\r\n });\r\n\r\n fetchData(1);\r\n }, 500);\r\n },\r\n // eslint-disable-next-line\r\n []\r\n );\r\n\r\n return (\r\n <>\r\n \r\n \r\n
\r\n
\r\n
{fetchSubTitle()}
\r\n\r\n
\r\n
\r\n
\r\n fetchData(1)}\r\n >\r\n 지역선택 \r\n {areaItem.map((item, idx) => (\r\n \r\n {item.area}\r\n \r\n ))}\r\n \r\n
\r\n
\r\n\r\n
\r\n
\r\n
{\r\n if (e.key === \"Enter\") {\r\n fnSearchClick();\r\n }\r\n }}\r\n />\r\n \r\n {\r\n fnSearchClick();\r\n }}\r\n >\r\n {\r\n document.getElementById(\"inputKeyword\").value = \"\";\r\n fetchData(1);\r\n }}\r\n >\r\n
\r\n \r\n
\r\n\r\n {!testkind ? (\r\n
\r\n ) : null}\r\n
\r\n\r\n
\r\n\r\n
\r\n
\r\n\r\n
\r\n
\r\n
\r\n\r\n \r\n selectedArea(\"철원\")}\r\n coords=\"34,115,112,173\"\r\n shape=\"rect\"\r\n style={{ cursor: \"pointer\" }}\r\n />\r\n selectedArea(\"화천\")}\r\n coords=\"142,127,209,203\"\r\n shape=\"rect\"\r\n style={{ cursor: \"pointer\" }}\r\n />\r\n selectedArea(\"양구\")}\r\n coords=\"227,135,286,196\"\r\n shape=\"rect\"\r\n style={{ cursor: \"pointer\" }}\r\n />\r\n selectedArea(\"인제\")}\r\n coords=\"296,169,381,250\"\r\n shape=\"rect\"\r\n style={{ cursor: \"pointer\" }}\r\n />\r\n selectedArea(\"고성\")}\r\n coords=\"343,60,408,127\"\r\n shape=\"rect\"\r\n style={{ cursor: \"pointer\" }}\r\n />\r\n selectedArea(\"속초\")}\r\n coords=\"435,116,545,171\"\r\n shape=\"rect\"\r\n style={{ cursor: \"pointer\" }}\r\n />\r\n selectedArea(\"춘천\")}\r\n coords=\"151,244,238,290\"\r\n shape=\"rect\"\r\n style={{ cursor: \"pointer\" }}\r\n />\r\n selectedArea(\"양양\")}\r\n coords=\"407,200,475,246\"\r\n shape=\"rect\"\r\n style={{ cursor: \"pointer\" }}\r\n />\r\n selectedArea(\"홍천\")}\r\n coords=\"227,295,342,356\"\r\n shape=\"rect\"\r\n style={{ cursor: \"pointer\" }}\r\n />\r\n selectedArea(\"횡성\")}\r\n coords=\"253,372,329,436\"\r\n shape=\"rect\"\r\n style={{ cursor: \"pointer\" }}\r\n />\r\n selectedArea(\"평창\")}\r\n coords=\"353,353,445,409\"\r\n shape=\"rect\"\r\n style={{ cursor: \"pointer\" }}\r\n />\r\n selectedArea(\"강릉\")}\r\n coords=\"481,303,552,359\"\r\n shape=\"rect\"\r\n style={{ cursor: \"pointer\" }}\r\n />\r\n selectedArea(\"원주\")}\r\n coords=\"201,453,285,525\"\r\n shape=\"rect\"\r\n style={{ cursor: \"pointer\" }}\r\n />\r\n selectedArea(\"영월\")}\r\n coords=\"360,499,448,574\"\r\n shape=\"rect\"\r\n style={{ cursor: \"pointer\" }}\r\n />\r\n selectedArea(\"정선\")}\r\n coords=\"440,438,510,495\"\r\n shape=\"rect\"\r\n style={{ cursor: \"pointer\" }}\r\n />\r\n selectedArea(\"동해\")}\r\n coords=\"588,370,670,427\"\r\n shape=\"rect\"\r\n style={{ cursor: \"pointer\" }}\r\n />\r\n selectedArea(\"삼척\")}\r\n coords=\"563,466,653,527\"\r\n shape=\"rect\"\r\n style={{ cursor: \"pointer\" }}\r\n />\r\n selectedArea(\"태백\")}\r\n coords=\"510,557,604,614\"\r\n shape=\"rect\"\r\n style={{ cursor: \"pointer\" }}\r\n />\r\n \r\n \r\n );\r\n}\r\n\r\nexport default UnionMem;\r\n","import { useEffect, useState } from \"react\";\r\nimport { useDispatch } from \"react-redux\";\r\nimport { LoginToken, reqData } from \"../../../js/server\";\r\nimport queryString from \"query-string\";\r\nimport SubMenu from \"../../comm/SubMenu\";\r\nimport List from \"../../comm/List\";\r\nimport Paging from \"../../comm/Paging\";\r\nimport { useHistory } from \"react-router\";\r\nimport SubBanner from \"../../comm/SubBanner\";\r\nimport {\r\n getServiceName,\r\n getSub01,\r\n getSub02,\r\n getSubHeader,\r\n fnNotLogin,\r\n fnNotOfficers,\r\n canWrite,\r\n} from \"../../../js/util\";\r\n\r\nfunction AdminBoardList({ match, location, history }) {\r\n const dispatch = useDispatch();\r\n const usehistory = useHistory();\r\n const query = queryString.parse(location.search);\r\n const [posts, setPosts] = useState({ items: [] });\r\n const [isPosts, setIsPosts] = useState(true);\r\n const [currentPage, setCurrentPage] = useState(1);\r\n // eslint-disable-next-line\r\n const [postsPerPage, setPostsPerPage] = useState(10);\r\n const [totalCount, setTotalCount] = useState(0);\r\n const [userToken, setUserToken] = useState(null);\r\n const [userType, setuserType] = useState(null);\r\n const [boardKind, setBoardKind] = useState(null); //게시판종류\r\n const keyword = query.keyword;\r\n const page = query.page;\r\n const kind = query.kind;\r\n\r\n const newClick = () => {\r\n const keyword = document.getElementById(\"inputKeyword\").value;\r\n //검색 상태 Hash 저장\r\n window.document.location.hash =\r\n \"#\" + currentPage + \"^\" + encodeURI(keyword);\r\n usehistory.push(\r\n `/ABoardNew?kind=${boardKind}&page=${currentPage}&keyword=${encodeURI(\r\n keyword\r\n )}`\r\n );\r\n };\r\n\r\n async function fetchData(page = 1) {\r\n //Hash에 남길 State 저장\r\n setCurrentPage(Number(page));\r\n const jsonData = {\r\n servicename: `${getServiceName(boardKind)}List`,\r\n userToken: userToken,\r\n keyword: document.getElementById(\"inputKeyword\").value,\r\n currentPage: page,\r\n maxListCount: postsPerPage,\r\n };\r\n\r\n reqData(jsonData)\r\n .then((res) => {\r\n console.log(res.data);\r\n\r\n if (res.data.result === \"OK\") {\r\n console.log(res.data);\r\n setTotalCount(res.data.totalCnt);\r\n setPosts(res.data.jsonData);\r\n setIsPosts(res.data.jsonData.length > 0);\r\n } else {\r\n setTotalCount(0);\r\n setPosts([]);\r\n }\r\n })\r\n .catch((err) => {\r\n console.error(err);\r\n })\r\n .finally(() => {\r\n dispatch({ type: \"loadingChange\", payload: false });\r\n });\r\n }\r\n\r\n const fnSearchClick = () => {\r\n if (document.getElementById(\"inputKeyword\").value.length > 1) {\r\n fetchData(1);\r\n } else {\r\n alert(\"검색어는 2자 이상 필요합니다.\");\r\n }\r\n };\r\n\r\n const setPage = (page) => {\r\n fetchData(page);\r\n };\r\n\r\n const listClick = (key) => {\r\n const keyword = document.getElementById(\"inputKeyword\").value;\r\n //검색 상태 Hash 저장\r\n window.document.location.hash =\r\n \"#\" + currentPage + \"^\" + encodeURI(keyword);\r\n usehistory.push(\r\n `/ABoardView?bserial=${key}&page=${currentPage}&keyword=${encodeURI(\r\n keyword\r\n )}&kind=${kind}`\r\n );\r\n };\r\n\r\n const fnBoardDelete = (bserial) => {\r\n if (\r\n window.confirm(\"게시글을 삭제 하시겠습니까?\\n삭제후 복구가 불가능합니다.\")\r\n ) {\r\n const jsonData = {\r\n servicename: `${getServiceName(kind)}Delete`,\r\n userToken: userToken,\r\n bserial: bserial,\r\n };\r\n\r\n dispatch({ type: \"loadingChange\", payload: true });\r\n reqData(jsonData)\r\n .then((res) => {\r\n if (res.data.result === \"OK\") {\r\n alert(\"삭제되었습니다.\");\r\n fetchData(currentPage);\r\n } else {\r\n alert(res.data.msg);\r\n }\r\n })\r\n .catch((err) => {\r\n console.error(err);\r\n })\r\n .finally(() => {\r\n dispatch({ type: \"loadingChange\", payload: false });\r\n });\r\n }\r\n };\r\n\r\n const initBoard = () => {\r\n let defaultPage = 1;\r\n\r\n //검색 상태 Hash 불러오기\r\n if (keyword || page) {\r\n defaultPage = page;\r\n document.getElementById(\"inputKeyword\").value = keyword;\r\n } else if (window.document.location.hash) {\r\n let strHash = window.document.location.hash;\r\n let arrCur = null;\r\n\r\n strHash = strHash.replace(\"#\", \"\");\r\n arrCur = strHash.split(\"^\");\r\n if (arrCur.length === 2) {\r\n defaultPage = arrCur[0] ? arrCur[0] : 1;\r\n document.getElementById(\"inputKeyword\").value = arrCur[1];\r\n }\r\n }\r\n\r\n fetchData(defaultPage);\r\n };\r\n\r\n useEffect(\r\n () => {\r\n if (kind) {\r\n dispatch({\r\n type: \"pageChange\",\r\n payload: { sub01: getSub01(kind), sub02: getSub02(kind) },\r\n });\r\n setTimeout(() => {\r\n //로그인 체크\r\n const userinfo = JSON.parse(localStorage.getItem(\"userinfo\"));\r\n if (userinfo) {\r\n const userToken = userinfo.userToken;\r\n setUserToken(userToken);\r\n setBoardKind(kind);\r\n //로그인 체크 후 Usertype 검사\r\n LoginToken(userToken)\r\n .then((res) => {\r\n if (res.data.result === \"OK\") {\r\n //userType 저장\r\n setuserType(res.data.jsonData.usertype);\r\n\r\n //임원자료실은 임원 이상만 열람 가능\r\n if (\r\n boardKind === \"pds05\" &&\r\n Number(res.data.jsonData.usertype) > 2\r\n ) {\r\n fnNotOfficers();\r\n } else if (\r\n //조합 자료실은 조합직원 이상만 열람 가능\r\n boardKind === \"pds08\" &&\r\n Number(res.data.jsonData.usertype) > 1\r\n ) {\r\n fnNotOfficers();\r\n } else {\r\n initBoard();\r\n }\r\n } else {\r\n fnNotLogin();\r\n }\r\n })\r\n .catch((err) => {\r\n console.error(err);\r\n\r\n fnNotLogin();\r\n })\r\n .finally(() => { });\r\n } else {\r\n if (kind !== \"free\" && kind !== \"joboffer\") {\r\n fnNotLogin();\r\n } else {\r\n setBoardKind(kind);\r\n\r\n initBoard();\r\n }\r\n }\r\n }, 500);\r\n } else {\r\n usehistory.push(\"/\");\r\n }\r\n },\r\n // eslint-disable-next-line\r\n [kind, boardKind, dispatch]\r\n );\r\n\r\n return (\r\n <>\r\n \r\n \r\n
\r\n
\r\n
{getSubHeader(boardKind)}
\r\n\r\n
\r\n
\r\n
\r\n
{\r\n if (e.key === \"Enter\") {\r\n fnSearchClick();\r\n }\r\n }}\r\n />\r\n \r\n {\r\n fnSearchClick();\r\n }}\r\n >\r\n {\r\n document.getElementById(\"inputKeyword\").value = \"\";\r\n\r\n fetchData(1);\r\n }}\r\n >\r\n
\r\n \r\n
\r\n
\r\n\r\n {canWrite(boardKind, userType) ? (\r\n
\r\n
\r\n \r\n
\r\n
\r\n ) : null}\r\n\r\n
\r\n\r\n
\r\n
\r\n\r\n
\r\n
\r\n
\r\n \r\n );\r\n}\r\n\r\nexport default AdminBoardList;\r\n","import axios from \"axios\";\r\nimport { useMemo } from \"react\";\r\nimport ReactQuill from \"react-quill\";\r\nimport \"react-quill/dist/quill.snow.css\";\r\nimport { imageFileUploadUrl } from \"../../js/server\";\r\n\r\nfunction Editor(props) {\r\n const apiPostImage = async (data) => {\r\n try {\r\n const result = await axios.post(imageFileUploadUrl, data, {\r\n headers: {\r\n \"Content-Type\": \"multipart/form-data\",\r\n },\r\n });\r\n\r\n return result;\r\n } catch (err) {\r\n console.error(err);\r\n }\r\n };\r\n\r\n function imageHandler() {\r\n const input = document.createElement(\"input\");\r\n const boardkind = props.boardKind;\r\n\r\n input.setAttribute(\"type\", \"file\");\r\n input.setAttribute(\"accept\", \"image/*\");\r\n input.click();\r\n\r\n input.onchange = async () => {\r\n const file = input.files[0];\r\n const formData = new FormData();\r\n formData.append(\"image\", file);\r\n formData.append(\"boardname\", boardkind);\r\n\r\n // Save current cursor state\r\n const range = this.quill.getSelection(true);\r\n\r\n // Insert temporary loading placeholder image\r\n this.quill.insertEmbed(\r\n range.index,\r\n \"image\",\r\n `${window.location.origin}/images/loaders/placeholder.gif`\r\n );\r\n\r\n // Move cursor to right side of image (easier to continue typing)\r\n this.quill.setSelection(range.index + 1);\r\n\r\n const res = await apiPostImage(formData); // API post, returns image location as string e.g. 'http://www.example.com/images/foo.png'\r\n let imageUrl = \"\";\r\n if (res.data.result === \"OK\") {\r\n imageUrl = res.data.data;\r\n }\r\n\r\n // Remove placeholder image\r\n this.quill.deleteText(range.index, 1);\r\n\r\n // Insert uploaded image\r\n // this.quill.insertEmbed(range.index, 'image', res.body.image);\r\n this.quill.insertEmbed(range.index, \"image\", imageUrl);\r\n };\r\n }\r\n\r\n const modules = useMemo(\r\n () => ({\r\n toolbar: {\r\n container: [\r\n [\r\n { header: \"1\" },\r\n { header: \"2\" },\r\n { header: [3, 4, 5, 6] },\r\n { font: [] },\r\n ],\r\n [{ size: [] }],\r\n [\"bold\", \"italic\", \"underline\", \"strike\", \"blockquote\"],\r\n [{ color: [] }, { background: [] }],\r\n [{ list: \"ordered\" }, { list: \"bullet\" }],\r\n [\"link\", \"image\", \"video\"],\r\n [\"clean\"],\r\n [\"code-block\"],\r\n ],\r\n handlers: {\r\n image: imageHandler,\r\n },\r\n },\r\n }),\r\n // eslint-disable-next-line\r\n []\r\n );\r\n\r\n return (\r\n \r\n \r\n
\r\n
\r\n
{getSubHeader(boardKind)}
\r\n\r\n
\r\n
\r\n usehistory.goBack()}\r\n >\r\n
\r\n
\r\n\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n 제목 \r\n
\r\n
\r\n
\r\n\r\n {kind === \"gallery\" ? (\r\n
\r\n
\r\n
\r\n \r\n {selectedFile1\r\n ? selectedFile1.name\r\n : \"썸네일 이미지 (필수)\"}\r\n \r\n
\r\n
\r\n
\r\n ) : null}\r\n\r\n {kind === \"news\" || kind === \"laws\" ? (\r\n
\r\n
\r\n
\r\n \r\n 기사링크\r\n \r\n
\r\n
\r\n
\r\n ) : (\r\n
\r\n )}\r\n\r\n {kind !== \"gallery\" &&\r\n kind !== \"news\" &&\r\n kind !== \"laws\" ? (\r\n <>\r\n
\r\n \r\n ) : null}\r\n\r\n
\r\n
\r\n \r\n 저장\r\n \r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n\r\n
\r\n
\r\n
\r\n \r\n );\r\n}\r\n\r\nexport default AdminBoardNew;\r\n","const jobOfferFormData = '1. 업체명 : 2. 주소 : 3. 성별 : 4. 경력 : 5. 마감일 : 6. 나이제한 : 7. 연락처 :
(그밖에 하고 싶은 말은 여기 기재해 주세요.)
'\r\nconst jobSearchFormData = '1. 이름 : 2. 성별 : 3. 경력 : 4. 생년월일 : 5. 연락처 : 6. 희망지역 : 7. 희망연봉 :
(그밖에 하고 싶은 말과 이력사항은 여기 기재해 주세요.)
'\r\n\r\nexport { jobOfferFormData, jobSearchFormData }","import { CSSTransition, TransitionGroup } from \"react-transition-group\";\r\n\r\nfunction Comment(props) {\r\n return (\r\n \r\n
\r\n
\r\n {props.comments ? (\r\n
\r\n \r\n ) : (\r\n
\r\n \r\n )}\r\n\r\n
\r\n {props.comments.map((comment, idx) => (\r\n \r\n \r\n \r\n
\r\n
\r\n \r\n \r\n {comment.writer} ({comment.userid})\r\n \r\n \r\n {props.userType === \"0\" ||\r\n props.userId === comment.userid ? (\r\n <>\r\n \r\n {\r\n props.fnCommentEdit(comment.cserial, true);\r\n }}\r\n >\r\n 수정\r\n \r\n \r\n \r\n {\r\n props.fnCommentDelete(comment.cserial);\r\n }}\r\n >\r\n 삭제\r\n \r\n \r\n \r\n ) : null}\r\n \r\n\r\n
Posted {comment.wdate} \r\n
\r\n\r\n {comment.isEdit ? (\r\n
\r\n
\r\n ) : (\r\n
\r\n
\r\n {comment.comment.split(\"\\n\").map((line, idx) => {\r\n return (\r\n \r\n {line}\r\n \r\n );\r\n })}\r\n
\r\n
\r\n )}\r\n
\r\n \r\n ))}\r\n \r\n \r\n
\r\n\r\n
\r\n
\r\n \r\n 댓글 작성시 타인에 대한 배려와 책임을 담아주세요.\r\n \r\n
\r\n
\r\n
\r\n \r\n
\r\n
\r\n
{getSubHeader(boardKind)}
\r\n\r\n
\r\n
\r\n {\r\n (userType && Number(userType) < 2 && boardKind !== \"pds08\") ||\r\n (userType && Number(userType) < 1 && boardKind === \"pds08\") ||\r\n post.userid === userId ? (\r\n <>\r\n \r\n \r\n \r\n usehistory.push(\r\n `/ABoardList?page=${page}&keyword=${encodeURI(\r\n keyword\r\n )}&kind=${boardKind}`\r\n )\r\n }\r\n >\r\n
\r\n
\r\n\r\n
\r\n\r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n\r\n
\r\n
\r\n
\r\n {post.subject || (\r\n \r\n \r\n \r\n
\r\n\r\n
\r\n
\r\n {post.contents ? (\r\n
\r\n ) : (\r\n
\r\n \r\n
\r\n\r\n {files.length > 0 ? (\r\n
\r\n
\r\n
\r\n
\r\n 첨부파일 \r\n {files.map((file, i) => {\r\n return (\r\n \r\n fnFileDownload(file.file_url, file.file_name)\r\n }\r\n style={{ cursor: \"pointer\" }}\r\n >\r\n \r\n
\r\n
\r\n
\r\n ) : null}\r\n\r\n {/* 댓글 component */}\r\n
\r\n
\r\n\r\n
\r\n
\r\n
\r\n \r\n );\r\n}\r\n\r\nexport default AdminBoardView;\r\n","import { useEffect, useState } from \"react\";\r\nimport { useDispatch } from \"react-redux\";\r\nimport { LoginToken, reqData, reqFormData } from \"../../../js/server\";\r\nimport {\r\n cloneObj,\r\n fnNotAdmin,\r\n fnNotOfficers,\r\n wrapHTML,\r\n} from \"../../../js/util\";\r\nimport { useHistory } from \"react-router-dom\";\r\nimport queryString from \"query-string\";\r\nimport SubMenu from \"../../comm/SubMenu\";\r\nimport SubBanner from \"../../comm/SubBanner\";\r\nimport Editor from \"../../comm/Editor\";\r\nimport {\r\n getServiceName,\r\n getSub01,\r\n getSub02,\r\n getSubHeader,\r\n escapeHTML,\r\n} from \"../../../js/util\";\r\n\r\nfunction AdminBoardEdit({ match, location, history }) {\r\n const dispatch = useDispatch();\r\n const usehistory = useHistory();\r\n const query = queryString.parse(location.search);\r\n const bserial = query.bserial;\r\n const kind = query.kind;\r\n const page = query.page;\r\n const keyword = query.keyword;\r\n const [userToken, setUserToken] = useState(null);\r\n const [username, setUsername] = useState(\"\");\r\n const [boardKind, setBoardKind] = useState(null); //게시판종류\r\n const [subject, setSubject] = useState(\"\"); //제목\r\n const [contents, setContents] = useState(\"\"); //내용\r\n const [selectedFile1, setSelectedFile1] = useState(null);\r\n const [selectedFile, setSelectedFile] = useState([]);\r\n const [files, setFiles] = useState([]);\r\n\r\n const handleSubjectChange = (e) => {\r\n setSubject(e.target.value);\r\n };\r\n\r\n const handleFileChange1 = (e) => {\r\n setSelectedFile1(e.target.files[0]);\r\n };\r\n\r\n const handleFileChange = (e) => {\r\n setSelectedFile(e.target.files);\r\n };\r\n\r\n const fnSaveClick = () => {\r\n if (subject.length < 5) {\r\n alert(\"제목은 5자 이상 입력해 주세요.\");\r\n document.querySelector(\"#subject\").focus();\r\n } else if (contents.length < 10) {\r\n alert(\"내용은 10자 이상 입력해 주세요.\");\r\n } else {\r\n if (window.confirm(\"저장하시겠습니까?\")) {\r\n let formData = new FormData();\r\n if (selectedFile1) {\r\n formData.append(\"file1\", selectedFile1, selectedFile1.name);\r\n }\r\n if (selectedFile) {\r\n Array.from(selectedFile).forEach((file) => {\r\n formData.append(\"files\", file, file.name);\r\n console.log(file, file.name);\r\n });\r\n }\r\n formData.append(\"servicename\", `${getServiceName(boardKind)}Save`);\r\n formData.append(\"bserial\", bserial);\r\n formData.append(\"userToken\", userToken);\r\n formData.append(\"subject\", subject);\r\n formData.append(\"contents\", escapeHTML(contents));\r\n formData.append(\"username\", username);\r\n\r\n dispatch({ type: \"loadingChange\", payload: true });\r\n reqFormData(formData)\r\n .then((res) => {\r\n alert(\"저장되었습니다.\");\r\n usehistory.push(\r\n `/ABoardView?page=${page}&keyword=${encodeURI(\r\n keyword\r\n )}&kind=${kind}&bserial=${bserial}`\r\n );\r\n })\r\n .catch((err) => {\r\n console.error(err);\r\n })\r\n .finally(() => {\r\n dispatch({ type: \"loadingChange\", payload: false });\r\n });\r\n }\r\n }\r\n };\r\n\r\n const fetchData = () => {\r\n const userinfo = JSON.parse(localStorage.getItem(\"userinfo\"));\r\n if (userinfo) {\r\n const _userToken = userinfo.userToken;\r\n const _userId = userinfo.userid;\r\n const _userType = userinfo.usertype;\r\n\r\n const jsonData = {\r\n servicename: `${getServiceName(kind)}View`,\r\n userToken: _userToken,\r\n bserial: bserial,\r\n };\r\n\r\n dispatch({ type: \"loadingChange\", payload: true });\r\n reqData(jsonData)\r\n .then((res) => {\r\n if ((Number(_userType) < 2 && boardKind !== \"pds08\") ||\r\n (Number(_userType) < 1 && boardKind === \"pds08\") ||\r\n _userId === res.data.jsonData.userid) {\r\n setSubject(res.data.jsonData.subject);\r\n setContents(wrapHTML(res.data.jsonData.contents));\r\n setFiles(res.data.jsonFile);\r\n } else {\r\n //작성자나 관리자가 아닌 경우 아웃\r\n alert(\"접근 권한이 없습니다.\");\r\n usehistory.goBack();\r\n }\r\n })\r\n .catch((err) => {\r\n console.error(err);\r\n })\r\n .finally(() => {\r\n dispatch({ type: \"loadingChange\", payload: false });\r\n });\r\n }\r\n };\r\n\r\n const fnFileDelete = (idx) => {\r\n if (window.confirm(\"파일을 삭제 하시겠습니까?\")) {\r\n const jsonData = {\r\n servicename: \"FileDelete\",\r\n userToken: userToken,\r\n fserial: files[idx].fserial,\r\n };\r\n dispatch({ type: \"loadingChange\", payload: true });\r\n reqData(jsonData)\r\n .then((res) => {\r\n if (res.data.result === \"OK\") {\r\n let copiedObj = cloneObj(files);\r\n copiedObj.splice(idx, 1);\r\n setFiles(copiedObj);\r\n } else {\r\n console.log(res.data.msg);\r\n }\r\n })\r\n .catch((err) => {\r\n console.error(err);\r\n })\r\n .finally(() => {\r\n dispatch({ type: \"loadingChange\", payload: false });\r\n });\r\n }\r\n };\r\n\r\n useEffect(\r\n () => {\r\n dispatch({\r\n type: \"pageChange\",\r\n payload: { sub01: getSub01(kind), sub02: getSub02(kind) },\r\n });\r\n dispatch({ type: \"loadingChange\", payload: true });\r\n\r\n setTimeout(() => {\r\n //로그인 체크\r\n const userinfo = JSON.parse(localStorage.getItem(\"userinfo\"));\r\n if (userinfo) {\r\n setUserToken(userinfo.userToken);\r\n setUsername(userinfo.username);\r\n setBoardKind(kind);\r\n\r\n //로그인 체크 후 Usertype 검사\r\n LoginToken(userinfo.userToken)\r\n .then((res) => {\r\n if (res.data.result === \"OK\") {\r\n if (\r\n Number(res.data.jsonData.usertype) > 1 &&\r\n kind !== \"free\" &&\r\n kind !== \"joboffer\" &&\r\n kind !== \"jobsearch\"\r\n ) {\r\n fnNotAdmin();\r\n } else if (\r\n //임원 자료실인 경우\r\n boardKind === \"pds05\" &&\r\n Number(res.data.jsonData.usertype) > 2\r\n ) {\r\n fnNotOfficers();\r\n } else if (\r\n //조합 자료실은 조합직원 이상만 열람 가능\r\n boardKind === \"pds08\" &&\r\n Number(res.data.jsonData.usertype) > 1\r\n ) {\r\n fnNotOfficers();\r\n } else {\r\n fetchData();\r\n }\r\n }\r\n })\r\n .catch((err) => {\r\n console.error(err);\r\n localStorage.removeItem(\"userinfo\");\r\n\r\n fnNotAdmin();\r\n })\r\n .finally(() => {\r\n dispatch({ type: \"loadingChange\", payload: false });\r\n });\r\n } else {\r\n fnNotAdmin();\r\n }\r\n }, 500);\r\n },\r\n // eslint-disable-next-line\r\n []\r\n );\r\n\r\n return (\r\n <>\r\n \r\n \r\n
\r\n
\r\n
{getSubHeader(boardKind)}
\r\n\r\n
\r\n
\r\n usehistory.goBack()}\r\n >\r\n
\r\n
\r\n\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n 제목 \r\n
\r\n
\r\n
\r\n\r\n {kind === \"gallery\" ? (\r\n
\r\n
\r\n
\r\n \r\n {selectedFile1\r\n ? selectedFile1.name\r\n : \"썸네일 이미지 (변경시 입력)\"}\r\n \r\n
\r\n
\r\n
\r\n ) : null}\r\n\r\n
\r\n\r\n {kind !== \"gallery\" ? (\r\n <>\r\n
\r\n\r\n
\r\n {files.map((file, i) => {\r\n return (\r\n
\r\n 등록 된 파일 : {files[i].file_name} \r\n {\r\n fnFileDelete(i);\r\n }}\r\n style={{\r\n cursor: \"pointer\",\r\n }}\r\n />\r\n
\r\n );\r\n })}\r\n
\r\n \r\n ) : null}\r\n\r\n
\r\n
\r\n \r\n 저장\r\n \r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n\r\n {kind === \"info\" || kind === \"docu\" || kind === \"pds\" ? (\r\n
\r\n ) : (\r\n \r\n )}\r\n
\r\n
\r\n \r\n );\r\n}\r\n\r\nexport default AdminBoardEdit;\r\n","import { Route, Switch } from \"react-router-dom\";\nimport \"./App.css\";\nimport { useSelector } from \"react-redux\";\nimport ScrollToTop from \"./comp/comm/ScrollToTop\";\n\nimport Header from \"./comp/comm/Header\";\nimport MainContents from \"./comp/MainContents\";\nimport Page404 from \"./comp/sub/Page404\";\nimport Loading from \"./comp/comm/Loading\";\nimport Footer from \"./comp/comm/Footer\";\n\nimport MemberList from \"./comp/sub/admin/MemberList\"; //회원관리 목록\nimport MemberView from \"./comp/sub/admin/MemberView\"; //회원관리 수정\nimport MemberNew from \"./comp/sub/admin/MemberNew\"; //회원관리 신규\nimport BannerMgr from \"./comp/sub/admin/BannerMgr\"; //배너관리\nimport Login from \"./comp/sub/member/Login\"; //로그인\nimport FindAccount from \"./comp/sub/member/FindAccount\"; //아이디/비밀번호 찾기\nimport JoinStep01 from \"./comp/sub/member/JoinStep01\"; //회원가입 Step01\nimport JoinStep02 from \"./comp/sub/member/JoinStep02\"; //회원가입 Step02\nimport JoinStep03 from \"./comp/sub/member/JoinStep03\"; //회원가입 Step03\nimport MemberInfo from \"./comp/sub/member/MemberInfo\"; //내정보수정\nimport Greetings from \"./comp/sub/intro/Greetings\"; //인사말\nimport History from \"./comp/sub/intro/History\"; //연혁 및 설립목적\nimport Articles from \"./comp/sub/intro/Articles\"; //조합정관 및 사업자윤리강령\nimport Directions from \"./comp/sub/intro/Directions\"; //찾아오시는 길\nimport UnionMem from \"./comp/sub/unionMem/UnionMem\"; //조합원사 현황\nimport ABoard from \"./comp/sub/board/AdminBoardList\"; //관리자 작성 가능 게시판 (목록)\nimport ABoardNew from \"./comp/sub/board/AdminBoardNew\"; //관리자 작성 가능 게시판 (신규)\nimport ABoardView from \"./comp/sub/board/AdminBoardView\"; //관리자 작성 가능 게시판 (내용)\nimport ABoardEdit from \"./comp/sub/board/AdminBoardEdit\"; //관리자 작성 가능 게시판 (수정)\n\nfunction App(props) {\n const store = useSelector((state) => state);\n\n return (\n \n \n \n {/**************************/}\n {/* 메인화면 component 시작 */}\n\n \n \n\n \n
\n );\n}\n\nexport default App;\n","const reportWebVitals = onPerfEntry => {\n if (onPerfEntry && onPerfEntry instanceof Function) {\n import('web-vitals').then(({ getCLS, getFID, getFCP, getLCP, getTTFB }) => {\n getCLS(onPerfEntry);\n getFID(onPerfEntry);\n getFCP(onPerfEntry);\n getLCP(onPerfEntry);\n getTTFB(onPerfEntry);\n });\n }\n};\n\nexport default reportWebVitals;\n","import { combineReducers, createStore } from \"redux\";\r\n\r\n// 로딩Bar 상태 StateReducer 시작\r\nconst initLoading = true;\r\n\r\nconst rdcLoading = (state = initLoading, action) => {\r\n switch (action.type) {\r\n case \"loadingChange\":\r\n state = action.payload;\r\n return state;\r\n default:\r\n return state;\r\n }\r\n};\r\n// 로딩Bar 상태 StateReducer 끝\r\n\r\n// 유저정보 상태 StateReducer 시작\r\nconst initUserinfo = {\r\n comcode: null,\r\n comname: null,\r\n id: null,\r\n userid: null,\r\n username: null,\r\n usertype: null,\r\n userToken: null,\r\n};\r\n\r\nconst reducerAuth = (state = initUserinfo, action) => {\r\n switch (action.type) {\r\n case \"authUpdate\":\r\n state = action.payload;\r\n return state;\r\n default:\r\n return state;\r\n }\r\n};\r\n// 유저정보 상태 StateReducer 끝\r\n\r\n// 현재페이지정보 상태 StateReducer 시작\r\nconst initPage = \"index\";\r\n\r\nconst reducerPage = (state = initPage, action) => {\r\n switch (action.type) {\r\n case \"pageChange\":\r\n return { ...state, ...action.payload };\r\n default:\r\n return state;\r\n }\r\n};\r\n// 현재페이지정보 상태 StateReducer 끝\r\n\r\n//reducer 여러개 사용시 combineReducers로 합쳐서 obj형태로 저장함\r\nlet store = createStore(\r\n combineReducers({ rdcLoading, reducerAuth, reducerPage })\r\n);\r\n\r\nexport { store };\r\n","//ie11 사용을 위한 설정 시작\nimport 'core-js/stable';\nimport 'regenerator-runtime/runtime';\nimport 'react-app-polyfill/ie9';\nimport 'react-app-polyfill/stable';\n//ie11 사용을 위한 설정 끝\nimport React from 'react';\nimport ReactDOM from 'react-dom';\nimport App from './App';\nimport reportWebVitals from './reportWebVitals';\nimport { BrowserRouter } from 'react-router-dom';\n\n//Redux 사용 설정 시작\nimport { Provider } from 'react-redux'\nimport { store } from './reducer'\n//Redux 사용 설정 끝\n\nReactDOM.render(\n \n \n \n ,\n \n document.getElementById('root')\n);\n\nreportWebVitals();\n"],"sourceRoot":""} ![\"\"](\"/images/logo.png\"){kind=logo}
\r\n