{"version":3,"sources":["utils/Transition.js","utils/Dropdown.js","include/Header.js","include/HeroHome.js","include/ProjectsHome.js","include/HomeLastDescription.js","include/Footer.js","pages/Home.js","pages/NotFound.js","App.js","serviceWorker.js","index.js"],"names":["TransitionContext","React","createContext","parent","CSSTransition","show","enter","enterStart","enterEnd","leave","leaveStart","leaveEnd","appear","unmountOnExit","tag","children","rest","enterClasses","split","filter","s","length","enterStartClasses","enterEndClasses","leaveClasses","leaveStartClasses","leaveEndClasses","removeFromDom","addClasses","node","classes","classList","add","removeClasses","remove","nodeRef","useRef","Component","in","addEndListener","done","current","addEventListener","onEnter","style","display","onEntering","onEntered","onExit","onExiting","onExited","ref","Transition","useContext","isInitialRender","useEffect","useIsInitialRender","undefined","Provider","value","Dropdown","title","dropdownOpen","setDropdownOpen","useState","className","onMouseEnter","onMouseLeave","onFocus","onBlur","href","onClick","e","preventDefault","viewBox","xmlns","d","Header","top","setTop","scrollHandler","window","pageYOffset","removeEventListener","to","src","alt","width","height","HeroHome","x1","y1","x2","y2","id","stopColor","offset","fill","fillRule","cx","cy","r","target","rel","Projects_home","rx","ContactInfo","transform","Footer","Home","property","content","name","ProjectsHome","HomeLastDescription","NotFound","App","location","useLocation","AOS","init","once","disable","duration","easing","document","querySelector","scrollBehavior","scroll","focusHandling","pathname","exact","path","Boolean","hostname","match","ReactDOM","render","StrictMode","getElementById","navigator","serviceWorker","ready","then","registration","unregister","catch","error","console","message"],"mappings":"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","file":"static/js/main.b7139362.chunk.js","sourcesContent":["import React, { useRef, useEffect, useContext } from 'react';\nimport { CSSTransition as ReactCSSTransition } from 'react-transition-group';\n\nconst TransitionContext = React.createContext({\n  parent: {},\n})\n\nfunction useIsInitialRender() {\n  const isInitialRender = useRef(true);\n  useEffect(() => {\n    isInitialRender.current = false;\n  }, [])\n  return isInitialRender.current;\n}\n\nfunction CSSTransition({\n  show,\n  enter = '',\n  enterStart = '',\n  enterEnd = '',\n  leave = '',\n  leaveStart = '',\n  leaveEnd = '',\n  appear,\n  unmountOnExit,\n  tag = 'div',\n  children,\n  ...rest\n}) {\n  const enterClasses = enter.split(' ').filter((s) => s.length);\n  const enterStartClasses = enterStart.split(' ').filter((s) => s.length);\n  const enterEndClasses = enterEnd.split(' ').filter((s) => s.length);\n  const leaveClasses = leave.split(' ').filter((s) => s.length);\n  const leaveStartClasses = leaveStart.split(' ').filter((s) => s.length);\n  const leaveEndClasses = leaveEnd.split(' ').filter((s) => s.length);\n  const removeFromDom = unmountOnExit;\n\n  function addClasses(node, classes) {\n    classes.length && node.classList.add(...classes);\n  }\n\n  function removeClasses(node, classes) {\n    classes.length && node.classList.remove(...classes);\n  }\n\n  const nodeRef = React.useRef(null);\n  const Component = tag;\n\n  return (\n    <ReactCSSTransition\n      appear={appear}\n      nodeRef={nodeRef}\n      unmountOnExit={removeFromDom}\n      in={show}\n      addEndListener={(done) => {\n        nodeRef.current.addEventListener('transitionend', done, false)\n      }}\n      onEnter={() => {\n        if (!removeFromDom) nodeRef.current.style.display = null;\n        addClasses(nodeRef.current, [...enterClasses, ...enterStartClasses])\n      }}\n      onEntering={() => {\n        removeClasses(nodeRef.current, enterStartClasses)\n        addClasses(nodeRef.current, enterEndClasses)\n      }}\n      onEntered={() => {\n        removeClasses(nodeRef.current, [...enterEndClasses, ...enterClasses])\n      }}\n      onExit={() => {\n        addClasses(nodeRef.current, [...leaveClasses, ...leaveStartClasses])\n      }}\n      onExiting={() => {\n        removeClasses(nodeRef.current, leaveStartClasses)\n        addClasses(nodeRef.current, leaveEndClasses)\n      }}\n      onExited={() => {\n        removeClasses(nodeRef.current, [...leaveEndClasses, ...leaveClasses])\n        if (!removeFromDom) nodeRef.current.style.display = 'none';\n      }}\n    >\n      <Component ref={nodeRef} {...rest} style={{ display: !removeFromDom ? 'none': null }}>{children}</Component>\n    </ReactCSSTransition>\n  )\n}\n\nfunction Transition({ show, appear, ...rest }) {\n  const { parent } = useContext(TransitionContext);\n  const isInitialRender = useIsInitialRender();\n  const isChild = show === undefined;\n\n  if (isChild) {\n    return (\n      <CSSTransition\n        appear={parent.appear || !parent.isInitialRender}\n        show={parent.show}\n        {...rest}\n      />\n    )\n  }\n\n  return (\n    <TransitionContext.Provider\n      value={{\n        parent: {\n          show,\n          isInitialRender,\n          appear,\n        },\n      }}\n    >\n      <CSSTransition appear={appear} show={show} {...rest} />\n    </TransitionContext.Provider>\n  )\n}\n\nexport default Transition;","import React, { useState } from 'react';\nimport PropTypes from 'prop-types';\nimport Transition from '../utils/Transition.js';\n\nfunction Dropdown({\n  children,\n  title\n}) {\n\n  const [dropdownOpen, setDropdownOpen] = useState(false);\n\n  return (\n    <li\n      className=\"relative\"\n      onMouseEnter={() => setDropdownOpen(true)}\n      onMouseLeave={() => setDropdownOpen(false)}\n      onFocus={() => setDropdownOpen(true)}\n      onBlur={() => setDropdownOpen(false)}\n    >\n      <a\n        className=\"text-gray-600 hover:text-gray-900 px-3 lg:px-5 py-2 flex items-center transition duration-150 ease-in-out\"\n        href=\"#0\"\n        aria-expanded={dropdownOpen}\n        onClick={(e) => e.preventDefault()}\n      >\n        {title}\n        <svg className=\"w-3 h-3 fill-current text-gray-500 cursor-pointer ml-1 flex-shrink-0\" viewBox=\"0 0 12 12\" xmlns=\"http://www.w3.org/2000/svg\">\n          <path d=\"M10.28 4.305L5.989 8.598 1.695 4.305A1 1 0 00.28 5.72l5 5a1 1 0 001.414 0l5-5a1 1 0 10-1.414-1.414z\" />\n        </svg>\n      </a>\n      <Transition\n        show={dropdownOpen}\n        tag=\"ul\"\n        className=\"origin-top-right absolute top-full right-0 w-40 bg-white py-2 ml-4 rounded shadow-lg\"\n        enter=\"transition ease-out duration-200 transform\"\n        enterStart=\"opacity-0 -translate-y-2\"\n        enterEnd=\"opacity-100 translate-y-0\"\n        leave=\"transition ease-out duration-200\"\n        leaveStart=\"opacity-100\"\n        leaveEnd=\"opacity-0\"\n      >\n        {children}\n      </Transition>\n    </li>\n  );\n}\n\nexport default Dropdown;\n\nDropdown.propTypes = {\n  children: PropTypes.oneOfType([\n    PropTypes.arrayOf(PropTypes.element),\n    PropTypes.element.isRequired\n  ]),\n  title: PropTypes.string.isRequired,\n};\n","import React, { useState, useEffect } from 'react';\nimport { Link } from 'react-router-dom';\n\nimport Dropdown from '../utils/Dropdown';\n\nfunction Header() {\n\n    const [top, setTop] = useState(true);\n\n    useEffect(() => {\n        const scrollHandler = () => {\n            window.pageYOffset > 10 ? setTop(false) : setTop(true)\n        };\n        window.addEventListener('scroll', scrollHandler);\n        return () => window.removeEventListener('scroll', scrollHandler);\n    }, [top]);\n\n    return (\n        <header className={`fixed w-full z-30 md:bg-opacity-90 transition duration-300 ease-in-out ${!top && 'bg-white blur shadow-lg'}`}>\n            <div className=\"max-w-6xl mx-auto px-5 sm:px-6\">\n                <div className=\"flex items-center justify-between h-16 md:h-20\">\n                    <div className=\"flex-shrink-0 mr-4\">\n                        <Link to=\"/\" className=\"block\" aria-label=\"삼해트\">\n                            <img src=\"/images/favicon.ico\" alt='logo' width='40' height='40' style={{'borderRadius': '100%'}} />\n                        </Link>\n                    </div>\n                    <nav className=\"flex flex-grow\">\n                        <ul className=\"flex flex-grow justify-end flex-wrap items-center\">\n                            <Dropdown title='메뉴'>\n                                <li>\n                                    <Link to=\"/about\" className=\"font-medium text-gray-600 hover:text-gray-900 px-5 py-3 flex items-center transition duration-150 ease-in-out\">소개</Link>\n                                </li>\n                                <li>\n                                    <Link to=\"/project\" className=\"font-medium text-gray-600 hover:text-gray-900 px-5 py-3 flex items-center transition duration-150 ease-in-out\">프로젝트</Link>\n                                </li>\n                                <li>\n                                    <Link to=\"/contact\" className=\"font-medium text-gray-600 hover:text-gray-900 px-5 py-3 flex items-center transition duration-150 ease-in-out\">연락하기</Link>\n                                </li>\n                            </Dropdown>\n                        </ul>\n                    </nav>\n                </div>\n            </div>\n        </header>\n    );\n}\n\nexport default Header;","import React from 'react';\nimport { Link } from 'react-router-dom';\n\nfunction HeroHome() {\n\n    return (\n        <section className=\"relative\">\n            <div className=\"absolute left-1/2 transform -translate-x-1/2 bottom-0 pointer-events-none\" aria-hidden=\"true\">\n                <svg width=\"1360\" height=\"578\" viewBox=\"0 0 1360 578\" xmlns=\"http://www.w3.org/2000/svg\">\n                    <defs>\n                        <linearGradient x1=\"50%\" y1=\"0%\" x2=\"50%\" y2=\"100%\" id=\"illustration-01\">\n                        <stop stopColor=\"#FFF\" offset=\"0%\" />\n                        <stop stopColor=\"#EAEAEA\" offset=\"77.402%\" />\n                        <stop stopColor=\"#DFDFDF\" offset=\"100%\" />\n                        </linearGradient>\n                    </defs>\n                    <g fill=\"url(#illustration-01)\" fillRule=\"evenodd\">\n                        <circle cx=\"1232\" cy=\"128\" r=\"128\" />\n                        <circle cx=\"155\" cy=\"443\" r=\"64\" />\n                    </g>\n                </svg>\n            </div>\n            <div className=\"max-w-6xl mx-auto px-4 sm:px-6\">\n                <div className=\"pt-32 pb-12 md:pt-40 md:pb-20\">\n                    <div className=\"text-center pb-12 md:pb-16\">\n                        <h1 className=\"text-5xl md:text-6xl font-extrabold leading-tighter tracking-tighter mb-4\" data-aos=\"zoom-y-out\">안녕하세요<br /><span className=\"bg-clip-text text-transparent bg-gradient-to-r from-blue-500 to-teal-400\">삼해트</span>입니다!</h1>\n                        <div className=\"max-w-3xl mx-auto\">\n                            <p className=\"text-xl text-gray-600 mb-8\" data-aos=\"zoom-y-out\" data-aos-delay=\"150\">이것저것 개발하면서 즐기고 있는 학생 개발자입니다.</p>\n                            <div className=\"max-w-xs mx-auto sm:max-w-none sm:flex sm:justify-center\" data-aos=\"zoom-y-out\" data-aos-delay=\"300\">\n                                <div>\n                                    <a className=\"btn text-white bg-blue-600 hover:bg-blue-700 w-full mb-4 sm:w-auto sm:mb-0\" target=\"_blank\" rel=\"noreferrer\" href=\"https://github.com/samsunghappytree123\">GitHub 바로가기</a>\n                                </div>\n                                <div>\n                                    <Link to=\"/about\">\n                                        <button className=\"btn text-white bg-gray-900 hover:bg-gray-800 w-full sm:w-auto sm:ml-4\" href='/about'>자세한 정보 보기</button>\n                                    </Link>\n                                </div>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n        </section>\n    );\n}\n\nexport default HeroHome;","import React from 'react';\nimport { Link } from 'react-router-dom'\n\nfunction Projects_home() {\n    return (\n        <section className=\"relative\">\n            <div className=\"absolute inset-0 top-1/2 md:mt-24 lg:mt-0 bg-gray-900 pointer-events-none\" aria-hidden=\"true\"></div>\n            <div className=\"absolute left-0 right-0 bottom-0 m-auto w-px p-px h-20 bg-gray-200 transform translate-y-1/2\"></div>\n\n            <div className=\"relative max-w-6xl mx-auto px-4 sm:px-6\">\n                <div className=\"py-12 md:py-20\">\n                    <div className=\"max-w-3xl mx-auto text-center pb-12 md:pb-20\">\n                        <h2 className=\"h2 mb-4\">제가 진행한 프로젝트들</h2>\n                        <p className=\"text-xl text-gray-600\">제가 진행했거나, 진행중인 <strong>대표</strong> 프로젝트 목록이에요!<br />자세한 사항은 <Link to='/projects' style={{'color':'#0070F4'}}>여기</Link>에서 확인할 수 있어요.</p>\n                    </div>\n                    <div className=\"max-w-sm mx-auto grid gap-6 md:grid-cols-2 lg:grid-cols-3 items-start md:max-w-2xl lg:max-w-none\">\n                        <div className=\"relative flex flex-col items-center p-6 bg-white rounded shadow-xl\">\n                            <img src='/images/projects/teamht.png' alt='Team HT LOGO' width='64' height='64' rx='32' style={{'borderRadius': '100%'}} />\n                            <h4 className=\"text-xl font-bold leading-snug tracking-tight mb-1\">Team HT</h4>\n                            <p className=\"text-gray-600 text-center\">Team HT, 디스코드를 더욱 즐겁게.</p>\n                            <br />\n                            <Link to='projects/teamht'>\n                                <button className=\"btn text-white bg-blue-600 hover:bg-blue-700 shadow\">프로젝트 자세히 보기</button>\n                            </Link>\n                        </div>\n\n                        <div className=\"relative flex flex-col items-center p-6 bg-white rounded shadow-xl\">\n                            <img src='/images/projects/prforest.png' alt='홍보숲 LOGO' width='64' height='64' rx='32' style={{'borderRadius': '100%'}} />\n                            <h4 className=\"text-xl font-bold leading-snug tracking-tight mb-1\">홍보숲</h4>\n                            <p className=\"text-gray-600 text-center\">즐겁고 다양하게, 홍보숲입니다.</p>\n                            <br />\n                            <Link to='projects/prforest'>\n                                <button className=\"btn text-white bg-blue-600 hover:bg-blue-700 shadow\">프로젝트 자세히 보기</button>\n                            </Link>\n                        </div>\n\n                        <div className=\"relative flex flex-col items-center p-6 bg-white rounded shadow-xl\">\n                            <img src='/images/projects/distube.png' alt='DisTube LOGO' width='64' height='64' rx='32' style={{'borderRadius': '100%'}} />\n                            <h4 className=\"text-xl font-bold leading-snug tracking-tight mb-1\">DisTube</h4>\n                            <p className=\"text-gray-600 text-center\">DisTube, 디스코드 지식을 알아가는 공간</p>\n                            <br />\n                            <Link to='projects/distube'>\n                                <button className=\"btn text-white bg-blue-600 hover:bg-blue-700 shadow\">프로젝트 자세히 보기</button>\n                            </Link>\n                        </div>\n\n                        <div className=\"relative flex flex-col items-center p-6 bg-white rounded shadow-xl\">\n                            <img src='/images/projects/uniquecode.png' alt='UniqueCode LOGO' width='64' height='64' rx='32' style={{'borderRadius': '100%'}} />\n                            <h4 className=\"text-xl font-bold leading-snug tracking-tight mb-1\">UniqueCode</h4>\n                            <p className=\"text-gray-600 text-center\">당신의 디스코드에 유니크한 재미를 더.</p>\n                            <br />\n                            <Link to='projects/uniquecode'>\n                                <button className=\"btn text-white bg-blue-600 hover:bg-blue-700 shadow\">프로젝트 자세히 보기</button>\n                            </Link>\n                        </div>\n\n                        <div className=\"relative flex flex-col items-center p-6 bg-white rounded shadow-xl\">\n                            <img src='/images/projects/discord-korea.png' alt='Discord Korea LOGO' width='64' height='64' rx='32' style={{'borderRadius': '100%'}} />\n                            <h4 className=\"text-xl font-bold leading-snug tracking-tight mb-1\">삼해트의 공방</h4>\n                            <p className=\"text-gray-600 text-center\">삼해트의 공방입니다.</p>\n                            <br />\n                            <Link to='projects/discord-korea'>\n                                <button className=\"btn text-white bg-blue-600 hover:bg-blue-700 shadow\">프로젝트 자세히 보기</button>\n                            </Link>\n                        </div>\n\n                        <div className=\"relative flex flex-col items-center p-6 bg-white rounded shadow-xl\">\n                            <img src='/images/projects/studio-orora.png' alt='Studio Orora LOGO' width='64' height='64' rx='32' style={{'borderRadius': '100%'}} />\n                            <h4 className=\"text-xl font-bold leading-snug tracking-tight mb-1\">Studio Orora</h4>\n                            <p className=\"text-gray-600 text-center\">Studio Orora입니다.</p>\n                            <br />\n                            <Link to='projects/studio-orora'>\n                                <button className=\"btn text-white bg-blue-600 hover:bg-blue-700 shadow\">프로젝트 자세히 보기</button>\n                            </Link>\n                        </div>\n\n                    </div>\n                </div>\n            </div>\n        </section>\n    );\n}\n\nexport default Projects_home;","import React from 'react';\nimport { Link } from 'react-router-dom';\n\nfunction ContactInfo() {\n    return (\n        <section className=\"relative\">\n            <div className=\"absolute left-1/2 transform -translate-x-1/2 bottom-0 pointer-events-none -mb-32\" aria-hidden=\"true\">\n                <svg width=\"1760\" height=\"518\" viewBox=\"0 0 1760 518\" xmlns=\"http://www.w3.org/2000/svg\">\n                    <defs>\n                        <linearGradient x1=\"50%\" y1=\"0%\" x2=\"50%\" y2=\"100%\" id=\"illustration-02\">\n                            <stop stopColor=\"#FFF\" offset=\"0%\" />\n                            <stop stopColor=\"#EAEAEA\" offset=\"77.402%\" />\n                            <stop stopColor=\"#DFDFDF\" offset=\"100%\" />\n                        </linearGradient>\n                    </defs>\n                    <g transform=\"translate(0 -3)\" fill=\"url(#illustration-02)\" fillRule=\"evenodd\">\n                        <circle cx=\"1630\" cy=\"128\" r=\"128\" />\n                        <circle cx=\"178\" cy=\"481\" r=\"40\" />\n                    </g>\n                </svg>\n            </div>\n\n            <div className=\"max-w-6xl mx-auto px-4 sm:px-6\">\n                <div className=\"py-12 md:py-20\">\n                    <div className=\"max-w-3xl mx-auto text-center pb-12 md:pb-16\">\n                        <h2 className=\"h2 mb-4\" id=\"contact\">다양한 정보</h2>\n                        <p className=\"text-xl text-gray-600\" data-aos=\"zoom-y-out\">\n                            저에 대한 다양한 정보는 <Link className=\"text-blue-600 hover:underline\" to=\"/about\">제 소개</Link>에서 확인하실 수 있어요.<br />\n                            저에게 개인적으로 연락하고 싶으시다면<br /><a className=\"text-blue-600 hover:underline\" href='mailto:samsunghappytree123@naver.com'>samsunghappytree123@naver.com</a>으로 연락주세요.<br /><br />\n                            이 페이지에 와주셔서 감사해요!\n                        </p>\n                    </div>\n                </div>\n            </div>\n        </section>\n    );\n}\n\nexport default ContactInfo;","import React from 'react';\n\nfunction Footer() {\n    return (\n        <footer>\n            <div className=\"max-w-6xl mx-auto px-4 sm:px-6\">\n                <div className=\"md:flex md:items-center md:justify-between py-4 md:py-8 border-t border-gray-200\">\n                    <ul className=\"flex mb-4 md:order-1 md:ml-4 md:mb-0\">\n                        <li className=\"ml-4\">\n                            <a target=\"_blank\" href=\"https://instagram.com/samsunghappytree123\" rel=\"noreferrer\" className=\"flex justify-center items-center text-gray-600 hover:text-gray-900 bg-white hover:bg-white-100 rounded-full shadow transition duration-150 ease-in-out\" aria-label=\"Instagram\">\n                                <svg className=\"w-8 h-8 fill-current\" viewBox=\"-14 -14 50 50\" xmlns=\"http://www.w3.org/2000/svg\">\n                                    <path d=\"M12 2.163c3.204 0 3.584.012 4.85.07 3.252.148 4.771 1.691 4.919 4.919.058 1.265.069 1.645.069 4.849 0 3.205-.012 3.584-.069 4.849-.149 3.225-1.664 4.771-4.919 4.919-1.266.058-1.644.07-4.85.07-3.204 0-3.584-.012-4.849-.07-3.26-.149-4.771-1.699-4.919-4.92-.058-1.265-.07-1.644-.07-4.849 0-3.204.013-3.583.07-4.849.149-3.227 1.664-4.771 4.919-4.919 1.266-.057 1.645-.069 4.849-.069zm0-2.163c-3.259 0-3.667.014-4.947.072-4.358.2-6.78 2.618-6.98 6.98-.059 1.281-.073 1.689-.073 4.948 0 3.259.014 3.668.072 4.948.2 4.358 2.618 6.78 6.98 6.98 1.281.058 1.689.072 4.948.072 3.259 0 3.668-.014 4.948-.072 4.354-.2 6.782-2.618 6.979-6.98.059-1.28.073-1.689.073-4.948 0-3.259-.014-3.667-.072-4.947-.196-4.354-2.617-6.78-6.979-6.98-1.281-.059-1.69-.073-4.949-.073zm0 5.838c-3.403 0-6.162 2.759-6.162 6.162s2.759 6.163 6.162 6.163 6.162-2.759 6.162-6.163c0-3.403-2.759-6.162-6.162-6.162zm0 10.162c-2.209 0-4-1.79-4-4 0-2.209 1.791-4 4-4s4 1.791 4 4c0 2.21-1.791 4-4 4zm6.406-11.845c-.796 0-1.441.645-1.441 1.44s.645 1.44 1.441 1.44c.795 0 1.439-.645 1.439-1.44s-.644-1.44-1.439-1.44z\"/>\n                                </svg>\n                            </a>\n                        </li>\n                        <li className=\"ml-4\">\n                        <a target=\"_blank\" href=\"https://facebook.com/happytree0418\" rel=\"noreferrer\" className=\"flex justify-center items-center text-gray-600 hover:text-gray-900 bg-white hover:bg-white-100 rounded-full shadow transition duration-150 ease-in-out\" aria-label=\"Facebook\">\n                                <svg className=\"w-8 h-8 fill-current\" viewBox=\"0 0 32 32\" xmlns=\"http://www.w3.org/2000/svg\">\n                                    <path d=\"M14.023 24L14 17h-3v-3h3v-2c0-2.7 1.672-4 4.08-4 1.153 0 2.144.086 2.433.124v2.821h-1.67c-1.31 0-1.563.623-1.563 1.536V14H21l-1 3h-2.72v7h-3.257z\" />\n                                </svg>\n                            </a>\n                        </li>\n                        <li className=\"ml-4\">\n                            <a target=\"_blank\" href=\"https://github.com/samsunghappytree123\" rel=\"noreferrer\" className=\"flex justify-center items-center text-gray-600 hover:text-gray-900 bg-white hover:bg-white-100 rounded-full shadow transition duration-150 ease-in-out\" aria-label=\"Github\">\n                                <svg className=\"w-8 h-8 fill-current\" viewBox=\"0 0 32 32\" xmlns=\"http://www.w3.org/2000/svg\">\n                                    <path d=\"M16 8.2c-4.4 0-8 3.6-8 8 0 3.5 2.3 6.5 5.5 7.6.4.1.5-.2.5-.4V22c-2.2.5-2.7-1-2.7-1-.4-.9-.9-1.2-.9-1.2-.7-.5.1-.5.1-.5.8.1 1.2.8 1.2.8.7 1.3 1.9.9 2.3.7.1-.5.3-.9.5-1.1-1.8-.2-3.6-.9-3.6-4 0-.9.3-1.6.8-2.1-.1-.2-.4-1 .1-2.1 0 0 .7-.2 2.2.8.6-.2 1.3-.3 2-.3s1.4.1 2 .3c1.5-1 2.2-.8 2.2-.8.4 1.1.2 1.9.1 2.1.5.6.8 1.3.8 2.1 0 3.1-1.9 3.7-3.7 3.9.3.4.6.9.6 1.6v2.2c0 .2.1.5.6.4 3.2-1.1 5.5-4.1 5.5-7.6-.1-4.4-3.7-8-8.1-8z\" />\n                                </svg>\n                            </a>\n                        </li>\n                    </ul>\n\n                    <div className=\"text-sm text-gray-600 mr-4\">Copyright 2019-2022 삼해트, All rights reserved. | Made by <a className=\"text-blue-600 hover:underline\" href=\"https://cruip.com/\">Cruip</a>.</div>\n                </div>\n            </div>\n        </footer>\n    );\n}\n\nexport default Footer;\n","import React from 'react';\nimport MetaTags from 'react-meta-tags';\n\nimport Header from '../include/Header';\nimport HeroHome from '../include/HeroHome';\nimport ProjectsHome from '../include/ProjectsHome';\nimport HomeLastDescription from '../include/HomeLastDescription';\nimport Footer from '../include/Footer';\n\nfunction Home() {\n\n    return (\n        <>\n            <MetaTags>\n                <meta property=\"og:title\" content=\"홈 | 삼해트\" />\n                <meta name='title' content='홈 | 삼해트' />\n                <title>홈 | 삼해트</title>\n            </MetaTags>\n\n            <div className=\"flex flex-col min-h-screen overflow-hidden\">\n            <Header />\n            <main className=\"flex-grow\">\n                <HeroHome />\n                <hr />\n                <ProjectsHome />\n                <HomeLastDescription />\n            </main>\n            <Footer />\n            </div>\n        </>\n    );\n}\n\nexport default Home;","import React from 'react';\nimport { Link } from 'react-router-dom';\nimport MetaTags from 'react-meta-tags';\n\nimport Header from '../include/Header';\nimport Footer from '../include/Footer';\n\nfunction NotFound() {\n\n    return (\n        <>\n            <MetaTags>\n                <meta property=\"og:title\" content=\"404 | 삼해트\" />\n                <meta name='title' content='404 | 삼해트' />\n                <title>404 | 삼해트</title>\n            </MetaTags>\n\n            <div className=\"flex flex-col min-h-screen overflow-hidden\">\n                <Header />\n                <main className=\"flex-grow\">\n                    <section className=\"bg-gradient-to-b from-gray-100 to-white\">\n                        <div className=\"max-w-6xl mx-auto px-4 sm:px-6\">\n                            <div className=\"pt-32 pb-12 md:pt-40 md:pb-20\">\n                                <div className=\"max-w-3xl mx-auto text-center pb-12 md:pb-20\">\n                                    <h1 className=\"h1 mb-4\">404</h1>\n                                    <p className=\"text-xl text-gray-600\">요청한 페이지가 존재하지 않습니다.</p>\n                                </div>\n                                <div className=\"max-w-sm mx-auto\">\n                                    <div className=\"flex flex-wrap -mx-3 mt-6\">\n                                        <div className=\"w-full px-3\">\n                                            <Link to=\"/\" className=\"text-gray-600 hover:text-gray-900 transition duration-150 ease-in-out\">\n                                                <button className=\"btn text-white bg-blue-600 hover:bg-blue-700 w-full\">메인 페이지로 이동하기</button>\n                                            </Link>\n                                        </div>\n                                    </div>\n                                </div>\n                            </div>\n                        </div>\n                    </section>\n                </main>\n                <Footer />\n            </div>\n        </>\n    );\n}\n\nexport default NotFound;","import React, { useEffect } from 'react';\nimport {\n    Switch,\n    Route,\n    useLocation\n} from 'react-router-dom';\n\nimport './css/style.scss';\n\nimport AOS from 'aos';\nimport { focusHandling } from 'cruip-js-toolkit';\n\nimport Home from './pages/Home';\nimport NotFound from './pages/NotFound';\n\nfunction App() {\n\n    const location = useLocation();\n\n    useEffect(() => {\n        AOS.init({\n            once: true,\n            disable: 'phone',\n            duration: 700,\n            easing: 'ease-out-cubic',\n        });\n    });\n\n    useEffect(() => {\n        document.querySelector('html').style.scrollBehavior = 'auto'\n        window.scroll({ top: 0 })\n        document.querySelector('html').style.scrollBehavior = ''\n        focusHandling('outline');\n    }, [location.pathname]);\n\n    return (\n        <>\n            <Switch>\n                <Route exact path=\"/\">\n                    <Home />\n                </Route>\n                <Route path=\"*\">\n                    <NotFound />\n                </Route>\n            </Switch>\n        </>\n    );\n}\n\nexport default App;\n","const isLocalhost = Boolean(\n    window.location.hostname === 'localhost' ||\n    window.location.hostname === '[::1]' ||\n    window.location.hostname.match(\n        /^127(?:\\.(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)){3}$/\n    )\n);\n\nexport function register(config) {\n    if (process.env.NODE_ENV === 'production' && 'serviceWorker' in navigator) {\n        const publicUrl = new URL(process.env.PUBLIC_URL, window.location.href);\n        if (publicUrl.origin !== window.location.origin) {\n            return;\n        }\n\n        window.addEventListener('load', () => {\n            const swUrl = `${process.env.PUBLIC_URL}/service-worker.js`;\n\n            if (isLocalhost) {\n                checkValidServiceWorker(swUrl, config);\n                navigator.serviceWorker.ready.then(() => {\n                    console.log(\n                        'This web app is being served cache-first by a service ' +\n                        'worker. To learn more, visit https://bit.ly/CRA-PWA'\n                    );\n                });\n            } else {\n                registerValidSW(swUrl, config);\n            }\n        });\n    }\n}\n\n  function registerValidSW(swUrl, config) {\n    navigator.serviceWorker\n      .register(swUrl)\n      .then(registration => {\n        registration.onupdatefound = () => {\n          const installingWorker = registration.installing;\n          if (installingWorker == null) {\n            return;\n          }\n          installingWorker.onstatechange = () => {\n            if (installingWorker.state === 'installed') {\n              if (navigator.serviceWorker.controller) {\n                console.log(\n                  'New content is available and will be used when all ' +\n                    'tabs for this page are closed. See https://bit.ly/CRA-PWA.'\n                );\n  \n                if (config && config.onUpdate) {\n                  config.onUpdate(registration);\n                }\n              } else {\n                console.log('Content is cached for offline use.');\n                if (config && config.onSuccess) {\n                  config.onSuccess(registration);\n                }\n              }\n            }\n          };\n        };\n      })\n      .catch(error => {\n        console.error('Error during service worker registration:', error);\n      });\n  }\n  \n  function checkValidServiceWorker(swUrl, config) {\n    fetch(swUrl, {\n      headers: { 'Service-Worker': 'script' },\n    })\n      .then(response => {\n        const contentType = response.headers.get('content-type');\n        if (\n          response.status === 404 ||\n          (contentType != null && contentType.indexOf('javascript') === -1)\n        ) {\n          navigator.serviceWorker.ready.then(registration => {\n            registration.unregister().then(() => {\n              window.location.reload();\n            });\n          });\n        } else {\n          registerValidSW(swUrl, config);\n        }\n      })\n      .catch(() => {\n        console.log(\n          'No internet connection found. App is running in offline mode.'\n        );\n      });\n  }\n  \n  export function unregister() {\n    if ('serviceWorker' in navigator) {\n      navigator.serviceWorker.ready\n        .then(registration => {\n          registration.unregister();\n        })\n        .catch(error => {\n          console.error(error.message);\n        });\n    }\n  }\n  ","import React from 'react';\nimport ReactDOM from 'react-dom';\nimport { BrowserRouter as Router } from \"react-router-dom\";\nimport App from './App';\nimport * as serviceWorker from './serviceWorker';\n\nReactDOM.render(\n    <React.StrictMode>\n        <Router>\n            <App />\n        </Router>\n    </React.StrictMode>,\n    document.getElementById('root')\n);\n\nserviceWorker.unregister();\n"],"sourceRoot":""}