{"version":3,"sources":["components/Carousel/index.js","components/PCHeader/index.js","components/TabletHeader/index.js","components/YoutubeSection/index.js","pages/pc/MainPage/index.js","components/MobileHeader/index.js","pages/mobile/MainPage/index.js","components/sns/index.js","components/PageNotFound/index.js","components/PCNav/index.js","pages/Posts/index.js","App.js","reportWebVitals.js","index.js"],"names":["Carousel","settings","autoplay","autopalySpeed","dots","infinite","speed","slidesToShow","slidesToScroll","arrows","pauseOnHover","device","className","src","PCHeader","React","useState","navbar","setNavar","changeBackground","window","scrollY","useEffect","addEventListener","to","href","smooth","TabletHeader","Youtube","styled","div","props","YoutubeSection","deviceHeight","innerWidth","width","height","title","frameBorder","allow","allowFullScreen","MainPage","isTablet","useMediaQuery","query","id","onClick","open","MobileHeader","state","setState","toggleDrawer","event","type","key","tel","document","location","Drawer","onClose","Box","sx","role","onKeyDown","List","ListItem","style","display","justifyContent","ListItemIcon","fontSize","button","borderBottom","MobileMainPage","SnsPackage","mobile","showMessenger","useChannelIOApi","Wrap","PageNotFound","Helmet","name","content","property","BoxWrap","NavWrap","NavWrap2","TabPanel","children","value","index","other","hidden","aria-labelledby","p","Typography","a11yProps","PCNav","setValue","borderColor","Tabs","onChange","newValue","aria-label","Tab","label","margin","PostHeader","Posts","Channel","test","navigator","userAgent","ReactChannelIO","pluginKey","locale","autoBoot","autoBootTimeout","language","Main","App","path","exact","component","reportWebVitals","onPerfEntry","Function","then","getCLS","getFID","getFCP","getLCP","getTTFB","ReactDOM","render","getElementById"],"mappings":"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","file":"static/js/main.4e06534d.chunk.js","sourcesContent":["import React from 'react';\nimport Slider from \"react-slick\";\n\nconst Carousel = ({device}) => {\n    const settings = {\n        autoplay: true,\n        autopalySpeed: 2000,\n        dots: false,\n        infinite: true,\n        speed: 500,\n        slidesToShow: 1,\n        slidesToScroll: 1,\n        arrows:false,\n        pauseOnHover: true\n      };\n      return device === \"pc\" ? (\n        <Slider {...settings}>\n          <div>\n            <img className=\"imgs\" src=\"/img/pages/pc-slide-4-new.jpg\" />\n          </div>\n          <div>\n            <img className=\"imgs\" src=\"/img/pages/pc-slide-5.jpg\" />\n          </div>\n          <div>\n            <img className=\"imgs\" src=\"/img/pages/pc-slide-0.png\" />\n          </div>\n          <div>\n            <img className=\"imgs\" src=\"/img/pages/pc-slide-1.jpg\" />\n          </div>\n\n\n\n        </Slider>\n      ) : (\n        <Slider {...settings}>\n          <div>\n            <img className=\"imgs\" src=\"/img/pages/mobile-slide-4-new.jpg \" />\n          </div>\n          <div>\n            <img className=\"imgs\" src=\"/img/pages/mobile-slide-5.jpg \" />\n          </div>\n          <div>\n            <img className=\"imgs\" src=\"/img/pages/mobile-slide-0.jpg \" />\n          </div>\n          <div>\n            <img className=\"imgs\" src=\"/img/pages/mobile-slide-1.jpg\" />\n          </div>\n\n\n\n        </Slider>\n      );\n};\n\nexport default Carousel;","import React, { useEffect} from 'react';\nimport { HashLink } from 'react-router-hash-link';\nimport \"./style.scss\";\n\nconst PCHeader = () => {\n    const [navbar, setNavar] = React.useState(false);\n\n    const changeBackground = () => {\n        if(window.scrollY >= 100) {\n          setNavar(true);\n        } else {\n          setNavar(false);\n        }\n  \n      };\n\n    useEffect(() => {\n      window.addEventListener(\"scroll\", changeBackground);\n\n    })\n\n    return (\n        <header>\n            {navbar ? (\n                <nav className=\"pc-title-header active\">\n                    <div className=\"pc-title-cn\" to=\"/#top\">\n                        <a href=\"/\">\n                            <img src=\"/img/pc-title-black.png\" />\n                        </a>\n                    </div>\n                    <ol className=\"list-cn\">\n                        <li className=\"list\">\n                            <HashLink smooth to=\"/#top\">홈</HashLink>\n                        </li>\n                        <li className=\"list\">\n                            <HashLink smooth to=\"/#02\">화명동 바른정플란트치과</HashLink>\n                        </li>\n                        <li className=\"list\">\n                            <HashLink smooth to=\"/#03\">의료진 소개</HashLink>\n                        </li>\n                        <li className=\"list\">\n                            <HashLink smooth to=\"/#04\">진료과목</HashLink>\n                        </li>\n                        <li className=\"list\">\n                            <HashLink smooth to=\"/#05\">바른정의 특별함</HashLink>\n                        </li>\n                        <li className=\"list\">\n                            <HashLink smooth to=\"/#06\">바른정 안내</HashLink>\n                        </li>\n                    </ol>\n                </nav>\n            ): (\n                <nav className=\"pc-title-header\">\n                    <div className=\"pc-title-cn\">\n                        <a href=\"/\">\n                            <img src=\"/img/pc-title-white.png\" />\n                        </a>\n                    </div>\n                    <ol className=\"list-cn\">\n                        <li className=\"list\">\n                            <HashLink smooth to=\"/#top\">홈</HashLink>\n                        </li>\n                        <li className=\"list\">\n                            <HashLink smooth to=\"/#02\">화명동 바른정플란트치과</HashLink>\n                        </li>\n                        <li className=\"list\">\n                            <HashLink smooth to=\"/#03\">의료진 소개</HashLink>\n                        </li>\n                        <li className=\"list\">\n                            <HashLink smooth to=\"/#04\">진료과목</HashLink>\n                        </li>\n                        <li className=\"list\">\n                            <HashLink smooth to=\"/#05\">바른정의 특별함</HashLink>\n                        </li>\n                        <li className=\"list\">\n                            <HashLink smooth to=\"/#06\">바른정 안내</HashLink>\n                        </li>\n                    </ol>\n                </nav>\n            )}\n            \n        </header>\n    );\n};\n\nexport default PCHeader;","import React, { useEffect} from 'react';\nimport { HashLink } from 'react-router-hash-link';\nimport \"./style.scss\";\n\nconst TabletHeader = () => {\n    const [navbar, setNavar] = React.useState(false);\n\n    const changeBackground = () => {\n        if(window.scrollY >= 100) {\n          setNavar(true);\n        } else {\n          setNavar(false);\n        }\n  \n      };\n\n    useEffect(() => {\n      window.addEventListener(\"scroll\", changeBackground);\n\n    })\n\n    return (\n        <header>\n            {navbar ? (\n                <nav className=\"tablet-title-header active\">\n                    <div className=\"tablet-title-cn\" to=\"/#top\">\n                        <a href=\"/\">\n                            <img src=\"logo192.png\" />\n                        </a>\n                    </div>\n                    <ol className=\"list-cn\">\n                        <li className=\"list\">\n                            <HashLink smooth to=\"/#02\">바른정플란트치과</HashLink>\n                        </li>\n                        <li className=\"list\">\n                            <HashLink smooth to=\"/#03\">의료진 소개</HashLink>\n                        </li>\n                        <li className=\"list\">\n                            <HashLink smooth to=\"/#04\">진료과목</HashLink>\n                        </li>\n                        <li className=\"list\">\n                            <HashLink smooth to=\"/#05\">바른정의 특별함</HashLink>\n                        </li>\n                        <li className=\"list\">\n                            <HashLink smooth to=\"/#06\">바른정 안내</HashLink>\n                        </li>\n                    </ol>\n                </nav>\n            ): (\n                <nav className=\"tablet-title-header\">\n                    <div className=\"tablet-title-cn\">\n                        <a href=\"/\">\n                            <img src=\"logo192.png\" />\n                        </a>\n                    </div>\n                    <ol className=\"list-cn\">\n                        <li className=\"list\">\n                            <HashLink smooth to=\"/#02\">바른정플란트치과</HashLink>\n                        </li>\n                        <li className=\"list\">\n                            <HashLink smooth to=\"/#03\">의료진 소개</HashLink>\n                        </li>\n                        <li className=\"list\">\n                            <HashLink smooth to=\"/#04\">진료과목</HashLink>\n                        </li>\n                        <li className=\"list\">\n                            <HashLink smooth to=\"/#05\">바른정의 특별함</HashLink>\n                        </li>\n                        <li className=\"list\">\n                            <HashLink smooth to=\"/#06\">바른정 안내</HashLink>\n                        </li>\n                    </ol>\n                </nav>\n            )}\n            \n        </header>\n    );\n};\n\nexport default TabletHeader;","import React from 'react';\nimport styled from 'styled-components';\n\nconst Youtube = styled.div`\n    margin-top: ${(props) => props.device === \"mobile\" ? \"100px\" : \"160px\"};\n    margin-bottom: ${(props) => props.device === \"mobile\" ? \"80px\" : \"160px\"};\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n`;\n\nconst YoutubeSection = ({device}) => {\n    const deviceHeight = window.innerWidth*0.5625;\n\n    return (\n        <Youtube device={device}>\n              <iframe \n              width={device === \"mobile\" ? \"100%\" : \"1120\"} \n              height={device === \"mobile\" ? deviceHeight : \"630\"}\n              src=\"https://www.youtube.com/embed/dpndEhI5dhE?controls=0\" \n              title=\"바른정플란트치과\" \n              frameBorder=\"0\" \n              allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" \n              allowFullScreen\n              >\n              </iframe>\n        </Youtube>\n    );\n};\n\nexport default YoutubeSection;","import React from \"react\";\nimport { useMediaQuery } from \"react-responsive\";\nimport Carousel from \"../../../components/Carousel\";\nimport PCHeader from \"../../../components/PCHeader\";\nimport TabletHeader from \"../../../components/TabletHeader\";\nimport YoutubeSection from \"../../../components/YoutubeSection\";\nimport \"./style.scss\";\n\nconst MainPage = () => {\n  const isTablet = useMediaQuery({\n    query: \"(min-width:650px) and (max-width:1450px)\",\n  });\n  return (\n    <div>\n      {isTablet ? <TabletHeader /> : <PCHeader />}\n      <section>\n        {/* <img id=\"01\" className=\"imgs\" src=\"/img/pages/pc-slide-0.png\" /> */}\n        \n        <Carousel device=\"pc\" />\n\n        <YoutubeSection device={isTablet ? \"mobile\" : \"pc\"} />\n        <img id=\"02\" className=\"imgs\" src=\"/img/pages/pc-10.jpg\" />\n        <img id=\"03\" className=\"imgs\" src=\"/img/pages/pc-11.jpg\" />\n        <img id=\"04\" className=\"imgs\" src=\"/img/pages/pc-12.jpg\" />\n        <img id=\"05\" className=\"imgs\" src=\"/img/pages/pc-13.jpg\" />\n        <img id=\"06\" className=\"imgs\" src=\"/img/pages/pc-15.jpg\" />\n        <img className=\"imgs\" src=\"/img/pages/pc-16.jpg\" />\n        <img className=\"imgs\" src=\"/img/pages/pc-17.jpg\" />\n      </section>\n      <footer className=\"pc-footer-cn\">\n        <div className=\"logo-cn\">\n          <img className=\"footer-log\" src=\"/img/footer_logo@2x.png\" />\n        </div>\n        <div>\n          <p>\n            <span>상호명</span>바른정플란트치과의원 북구화명점\n          </p>\n          <p>\n            <span>대표</span>김형우\n          </p>\n          <p>\n            <span>사업자등록번호</span>606-39-04901\n          </p>\n        </div>\n        <div>\n          <p>\n            <span>주소</span>부산 북구 금곡대로 199번길3, 화명메디칼빌딩 5층\n          </p>\n        </div>\n        <div>\n          <p>\n            <span>전화번호</span>051-365-2275\n          </p>\n          <p>CopyrightⓒBARENJUNGPLANT Rights Reserved.</p>\n          <div\n            className=\"pc-fee-cn\"\n            onClick={() => {\n              window.open(\n                \"https://blog.naver.com/3652275/222424577668\",\n                \"_blank\"\n              );\n            }}\n          >\n            <p>비급여수가표 바로가기</p>\n          </div>\n        </div>\n      </footer>\n    </div>\n  );\n};\n\nexport default MainPage;\n","import React, { useEffect } from 'react';\nimport './style.scss';\nimport { HashLink } from 'react-router-hash-link';\nimport { Drawer, List, ListItem, ListItemIcon } from '@mui/material';\nimport { Box } from '@mui/system';\nimport CloseIcon from '@mui/icons-material/Close';\n\nconst gonggi = \"https://m.blog.naver.com/3652275?categoryNo=6&listStyle=post&proxyReferer=https%3A%2F%2Fm.search.naver.com%2Fsearch.naver%3Fsm%3Dmtp_sly.hst%26where%3Dm%26query%3D%25EB%25B0%2594%25EB%25A5%25B8%25EC%25A0%2595%25ED%2594%258C%25EB%259E%2580%25ED%258A%25B8%25EC%25B9%2598%25EA%25B3%25BC%26acr%3D1/#postlist_block\";\n\nconst MobileHeader = () => {\n    const [state, setState] = React.useState(false);\n    const [navbar, setNavar] = React.useState(false);\n\n    const toggleDrawer = (open) => (event) => {\n        if (event.type === 'keydown' && (event.key === 'Tab' || event.key === 'Shift')) {\n          return;\n        }\n    \n        setState(open);\n      };\n    \n    const list = () => (\n        <Box\n          sx={{ width:  300 }}\n          role=\"presentation\"\n          onClick={toggleDrawer(false)}\n          onKeyDown={toggleDrawer(false)}\n        >\n          <List>\n              <ListItem style={{display: \"flex\", justifyContent: \"space-between\"}}>\n                <a href=\"/\">\n                  <img className=\"logo-in-drawer\" src=\"/img/m-title-grey.png\" />\n                </a>\n                <ListItemIcon className=\"close-icon\" onClick={toggleDrawer(false)} >\n                    <CloseIcon sx={{fontSize: 36}} />\n                </ListItemIcon>\n              </ListItem>\n              <ListItem button style={{borderBottom: '1px solid #EAEAEA'}} >\n                <HashLink smooth to=\"/#top\" className=\"m-link\">홈</HashLink>\n              </ListItem>\n              <ListItem button style={{borderBottom: '1px solid #EAEAEA'}}>\n                <HashLink smooth to=\"/#doctor\" className=\"m-link\">의료진 소개</HashLink>\n              </ListItem>\n              <ListItem button style={{borderBottom: '1px solid #EAEAEA'}}>\n                <HashLink smooth to=\"/#subject\" className=\"m-link\">진료과목</HashLink>\n              </ListItem>\n              <ListItem button style={{borderBottom: '1px solid #EAEAEA'}}>\n                <HashLink smooth to=\"/#special\" className=\"m-link\">바른정의 특별함</HashLink>\n              </ListItem>\n              <ListItem button style={{borderBottom: '1px solid #EAEAEA'}}>\n                <HashLink smooth to=\"/#info\" className=\"m-link\">진료 안내</HashLink>\n              </ListItem>\n              <ListItem button style={{borderBottom: '1px solid #EAEAEA'}}>\n                <a onClick={()=> {\n                    window.open(gonggi,\"_blank\");\n                }} className=\"m-link\">공지사항</a>\n              </ListItem>\n              <ListItem button style={{borderBottom: '1px solid #EAEAEA'}}>\n                <HashLink smooth to=\"/#location\" className=\"m-link\">오시는 길</HashLink>\n              </ListItem>\n          </List>\n          <div className=\"drawer-sns-cn\">\n              <img\n                src=\"/img/kakaotalk.png\"\n                onClick={()=>{\n                    window.open(\n                        \"https://pf.kakao.com/_NDapV\",\n                        \"_blank\"\n                    );\n                }}\n                />\n              <img\n                src=\"/img/blog.png\" \n                onClick={()=>{\n                    window.open(\n                        \"https://blog.naver.com/3652275\",\n                        \"_blank\"\n                    );\n                }}\n                />\n              <img\n                src=\"/img/insta.png\"\n                onClick={()=>{\n                    window.open(\n                        \"https://www.instagram.com/baren_jung_plant_dental_clinic/\",\n                        \"_blank\"\n                    );\n                }}\n                />\n              <img\n                src=\"/img/facebook@2x.png\"\n                onClick={()=>{\n                    window.open(\n                        \"https://ko-kr.facebook.com/bj2275/\",\n                        \"_blank\"\n                    );\n                }}\n                />\n          </div>\n\n        </Box>\n      );\n\n    const changeBackground = () => {\n      if(window.scrollY >= 100) {\n        setNavar(true);\n      } else {\n        setNavar(false);\n      }\n\n    };\n\n    const tel = () => {\n      document.location.href='tel:051-365-2275'\n    }\n\n    useEffect(() => {\n      window.addEventListener(\"scroll\", changeBackground);\n\n    })\n    return (\n        <header>\n            {navbar ? (\n              <div className=\"m-title-header active\">\n                <div className=\"drawer-logo-cn\" onClick={toggleDrawer(true)}>\n                    <img className=\"drawer-logo\" src=\"/img/m-menu-grey.png\" />\n                </div>\n                <div className=\"title-cn\">\n                    <img className=\"title\" src=\"/img/m-title-grey.png\" />\n                </div>\n                <div className=\"phone-cn\" onClick={tel}>\n                  <img className=\"phone\" src=\"/img/m-phone-grey.png\" />\n                </div>\n            </div>\n            ): (\n              <div className=\"m-title-header\">\n                <div className=\"drawer-logo-cn\" onClick={toggleDrawer(true)}>\n                    <img className=\"drawer-logo\" src=\"/img/m-menu.png\" />\n                </div>\n                <div className=\"title-cn\">\n                    <img className=\"title\" src=\"/img/m-title-white.png\" />\n                </div>\n                <div className=\"phone-cn\" onClick={tel}>\n                  <img className=\"phone\" src=\"/img/m-phone.png\" />\n                </div>\n            </div>\n            )}\n\n            {/* <img className=\"m-img-header\" src=\"/img/mobile_1.jpg\" /> */}\n            <Drawer\n                open={state}\n                onClose={toggleDrawer(false)}\n            >\n                {list()}\n            </Drawer>\n        </header>\n    );\n};\n\nexport default MobileHeader;","import React from \"react\";\nimport Carousel from \"../../../components/Carousel\";\nimport MobileHeader from \"../../../components/MobileHeader\";\nimport YoutubeSection from \"../../../components/YoutubeSection\";\nimport MainSection from \"../MainSection\";\nimport \"./style.scss\";\n\nconst MobileMainPage = () => {\n  return (\n    <div>\n      <MobileHeader />\n      {/* <MainSection /> */}\n      {/* <img className=\"imgs\" src=\"/img/pages/mobile-slide-0.jpg\" /> */}\n       \n       <Carousel device=\"mobile\" />\n \n      <YoutubeSection device=\"mobile\" />\n      <img className=\"imgs\" src=\"/img/pages/m-11.jpg\" />\n      <img id=\"doctor\" className=\"imgs\" src=\"/img/pages/m-12.jpg\" />\n      <img id=\"subject\" className=\"imgs\" src=\"/img/pages/m-13.jpg\" />\n      <img id=\"special\" className=\"imgs\" src=\"/img/pages/m-14-new.jpg\" />\n      <img id=\"info\" className=\"imgs\" src=\"/img/pages/m-15.jpg\" />\n      <img className=\"imgs\" src=\"/img/pages/m-16.jpg\" />\n      <img className=\"imgs\" src=\"/img/pages/m-17.jpg\" />\n      <img id=\"location\" className=\"imgs\" src=\"/img/pages/m-18.jpg\" />\n      <footer className=\"footer-cn\">\n        <div className=\"logo-cn\">\n          <img className=\"footer-log\" src=\"/img/footer_logo.png\" />\n        </div>\n        <div>\n          <p>\n            <span>상호명</span>바른정플란트치과의원 북구화명점\n          </p>\n        </div>\n        <div>\n          <p>\n            <span>대표</span>김형우\n          </p>\n          <p>\n            <span>사업자등록번호</span>606-39-04901\n          </p>\n        </div>\n        <div>\n          <p>\n            <span>주소</span>부산 북구 금곡대로 199번길3, 화명메디칼빌딩 5층\n          </p>\n        </div>\n        <div>\n          <p>\n            <span>전화번호</span>051-365-2275\n          </p>\n        </div>\n        <div>\n          <p>CopyrightⓒBARENJUNGPLANT Rights Reserved.</p>\n        </div>\n        <div\n          className=\"fee-cn\"\n          onClick={() => {\n            window.open(\n              \"https://m.blog.naver.com/PostView.naver?blogId=3652275&logNo=222424577668&navType=by\",\n              \"_blank\"\n            );\n          }}\n        >\n          <p>비급여수가표 바로가기</p>\n        </div>\n      </footer>\n    </div>\n  );\n};\n\nexport default MobileMainPage;\n","import React from 'react';\nimport { useChannelIOApi } from 'react-channel-plugin';\nimport \"./style.scss\";\n\nconst SnsPackage = ({mobile}) => {\n    const { showMessenger} = useChannelIOApi();\n    return mobile ? (\n        <div className=\"mobile-bottom-cn\">\n            <div className=\"chatting-cn\" onClick={showMessenger}>\n                <img className=\"chatting-icon\" src=\"/img/icons/chatting-bottom.png\" />\n                <p>실시간 채팅문의</p>\n            </div>\n            <div \n                className=\"blog-cn\"\n                onClick={()=>{\n                    window.open(\n                        \"https://blog.naver.com/3652275\",\n                        \"_blank\"\n                        );\n                    }}\n            >\n                <img className=\"blog-icon\" src=\"/img/icons/blog-bottom.png\" />\n                <p>블로그 바로가기</p>\n            </div>\n        </div>\n    ) : (\n        <div className={mobile ? \"m-sns-cn\" : \"pc-sns-cn\"}>\n            <img \n                onClick={()=>{\n                    window.open(\n                        \"https://pf.kakao.com/_NDapV\",\n                        \"_blank\"\n                    );\n                }}\n                className=\"kakaotalk\" \n                src=\"/img/kakaotalk@2x.png\" \n            />\n            <img \n                onClick={()=>{\n                    window.open(\n                        \"https://blog.naver.com/3652275\",\n                        \"_blank\"\n                        );\n                    }}\n                className=\"blog\" src=\"/img/blog@2x.png\" \n            />\n            <img \n                onClick={()=>{\n                    window.open(\n                        \"https://www.instagram.com/baren_jung_plant_dental_clinic/\",\n                        \"_blank\"\n                    );\n                }}\n                className=\"insta\" \n                src=\"/img/insta@2x.png\" \n            />\n            <img \n                onClick={()=>{\n                    window.open(\n                        \"https://ko-kr.facebook.com/bj2275/\",\n                        \"_blank\"\n                    );\n                }}\n                className=\"facebook\" \n                src=\"/img/facebook@2x.png\" \n            />\n        </div>\n    );\n};\n\nexport default SnsPackage;","import React from 'react';\nimport styled from \"styled-components\";\nimport { Helmet } from \"react-helmet\";\n\nconst Wrap = styled.div`\n    width: 100%;\n    height: 100vh;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    flex-direction: column;\n    div {\n        font-size: 10rem;\n    }\n    h2 {\n        display: block;\n        margin-bottom: 30px;\n    }\n    a {\n        cursor: pointer;\n        &:hover {\n            color: tomato;\n        }\n    }\n`;\n\nconst PageNotFound = () => {\n    return (\n        <>\n            <Helmet>\n                <title>바른정플란트치과 :: 존재하지 않는 페이지</title>\n                <meta name=\"description\" content=\"존재하지 않는 페이지\" />\n                <meta property=\"og:description\" content=\"페이지가 존재하지 않습니다.\" />\n            </Helmet>\n            <Wrap>\n                <div>😰</div>\n                <h2>페이지가 존재하지 않습니다.</h2>\n                <a href=\"/\">바른정플란트치과 메인페이지 바로가기</a>\n            </Wrap>\n        </>\n    );\n};\n\nexport default PageNotFound;","import React from 'react';\nimport styled from \"styled-components\";\nimport { Box, Tab, Tabs, Typography } from '@mui/material';\n\nconst BoxWrap = styled.div`\n    width: 100%;\n    margin: auto;\n    \n`;\nconst NavWrap = styled.div`\n    background-color: yellow;\n\n`;\nconst NavWrap2 = styled.div`\n    height: 200px;\n    background-color: green;\n`;\n\n\nfunction TabPanel(props) {\n    const { children, value, index, ...other } = props;\n  \n    return (\n      <div\n        role=\"tabpanel\"\n        hidden={value !== index}\n        id={`simple-tabpanel-${index}`}\n        aria-labelledby={`simple-tab-${index}`}\n        {...other}\n      >\n        {value === index && (\n          <Box sx={{ p: 3 }}>\n            <Typography>{children}</Typography>\n          </Box>\n        )}\n      </div>\n    );\n  }\n\nfunction a11yProps(index) {\n    return {\n      id: `simple-tab-${index}`,\n      'aria-controls': `simple-tabpanel-${index}`,\n    };\n  }\n\nconst PCNav = () => {\n    const [value, setValue] = React.useState(0);\n\n    const handleChange = (event, newValue) => {\n        setValue(newValue);\n    };\n    return (\n        <div>\n            <BoxWrap>\n                <NavWrap>\n                    <ol>\n                        <li>사랑니</li>\n                        <li>임플란트</li>\n                    </ol>\n                </NavWrap>\n                <NavWrap2>\n                    <ol>\n                        <li>사랑니</li>\n                        <li>임플란트</li>\n                    </ol>\n                </NavWrap2>\n                <Box sx={{ width: '100%' }}>\n                    <Box sx={{ borderBottom: 1, borderColor: 'divider', display: \"flex\", justifyContent:\"center\" }}>\n                        <Tabs value={value} onChange={handleChange} aria-label=\"basic tabs example\">\n                        <Tab label=\"임플란트\" {...a11yProps(0)} />\n                        <Tab label=\"사랑니 발치\" {...a11yProps(1)} />\n                        <Tab label=\"심미 치료\" {...a11yProps(2)} />\n                        <Tab label=\"커뮤니티\" {...a11yProps(3)} />\n                        </Tabs>\n                    </Box>\n                    <div style={{width: \"1000px\", margin: \"auto\"}}>\n                        <TabPanel value={value} index={0}>\n                            임플란트\n                        </TabPanel>\n                        <TabPanel value={value} index={1}>\n                            사랑니 발치\n                        </TabPanel>\n                        <TabPanel value={value} index={2}>\n                            심미 치료\n                        </TabPanel>\n                        <TabPanel value={value} index={3}>\n                            커뮤니티\n                        </TabPanel>\n                    </div>\n                </Box>\n            </BoxWrap>\n            \n        </div>\n    );\n};\n\nexport default PCNav;","import React from 'react';\nimport PCHeader from '../../components/PCHeader';\nimport styled from \"styled-components\";\n\nimport PCNav from '../../components/PCNav';\n\nconst Wrap = styled.div`\n    width: 100%;\n    height: 100vh;\n`;\n\nconst PostHeader = styled.div`\n    padding-top: 100px;\n    width: 100%;\n\n    background-color: #2b2a2a;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    h2 {\n        font-size: 20px;\n        color: white;\n    }\n`\n\n\nconst Posts = () => {\n\n    return (\n    <Wrap>\n        <PCHeader />  \n            <PostHeader>\n            </PostHeader>\n            <PCNav />\n\n\n                    {/* <iframe \n                    width=\"100%\"\n                    height=\"100%\"\n                    src=\"http://localhost:3000/post/0005\" \n                    title=\"치과통\" \n                    frameBorder=\"0\" \n                    >\n                    </iframe> */}\n              \n    </Wrap>\n    );\n};\n\nexport default Posts;","import './App.scss';\nimport { BrowserRouter, Route, Switch} from \"react-router-dom\";\nimport { useMediaQuery} from 'react-responsive';\nimport { ReactChannelIO } from \"react-channel-plugin\";\nimport MainPage from './pages/pc/MainPage';\nimport MobileMainPage from './pages/mobile/MainPage';\nimport SnsPackage from './components/sns';\nimport PageNotFound from './components/PageNotFound';\nimport Posts from './pages/Posts';\n\nconst Channel = () => {\n  const mobile = /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent);\n  \n  return (<ReactChannelIO\n    pluginKey=\"0c676c98-92fe-4ea4-8a64-73ee4e1d8e67\"\n    // hideChannelButtonOnBoot={true}\n    // profile={userProfile}\n    locale=\"ko\"\n    autoBoot\n    autoBootTimeout={2000}\n    language={\"ko\"}\n  >\n    <SnsPackage mobile={mobile} />        \n  </ReactChannelIO>\n  )};\n\nfunction Main() {\n  const isMobile = useMediaQuery({\n    query: \"(min-width:0px) and (max-width:649px)\",\n  });  \n\n  if (isMobile) return <><MobileMainPage /><Channel /></>;\n  return <><MainPage /><Channel /></>;\n}\n\nfunction App() {\n\n  return (\n      <Switch>\n        <Route path={\"/\"} exact component={Main} />\n        <Route path={\"/test\"} component={Posts} />\n        <Route component={PageNotFound} />\n      </Switch>\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 React from 'react';\nimport ReactDOM from 'react-dom';\nimport './index.css';\nimport App from './App';\nimport reportWebVitals from './reportWebVitals';\nimport { BrowserRouter } from 'react-router-dom';\n\nReactDOM.render(\n  <BrowserRouter>\n    <App />\n  </BrowserRouter>,\n  document.getElementById('root')\n);\n\n// If you want to start measuring performance in your app, pass a function\n// to log results (for example: reportWebVitals(console.log))\n// or send to an analytics endpoint. Learn more: https://bit.ly/CRA-vitals\nreportWebVitals();\n"],"sourceRoot":""}