1"use strict";(self.webpackChunkonlinememo_react_project=self.webpackChunkonlinememo_react_project||[]).push([[5453,5844,6102],{55844:(n,e,t)=>{t.r(e),t.d(e,{default:()=>a});var o,r=t(30168),i=(t(47313),t(70244)),d=t(46417);const l=i.ZP.div(o||(o=(0,r.Z)(["\n position: fixed;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background-color: rgba(0, 0, 0, 0.4);\n display: flex;\n justify-content: center;\n align-items: center;\n z-index: 999; // \ud398\uc774\uc9c0\uc704\uc5d0 \uacb9\uce5c \uc694\uc18c\ub4e4\uc911 \uac00\uc7a5 \uc704\uc5d0\uc788\ub294 \uc815\ub3c4. \uc22b\uc790\uac00 \ud074\uc218\ub85d \uc704\uc5d0 \uc788\ub2e4.\n\n .modalBody {\n position: absolute;\n width: 225px;\n height: 113px;\n padding: 40px;\n text-align: center;\n background-color: #bdb8b1;\n border: 2.2px solid #463f3a;\n border-radius: 10px;\n box-shadow: 0 2px 3px 0 rgba(34, 36, 38, 0.15);\n }\n \n #modalCloseButton {\n position: absolute;\n top: 15px;\n right: 15px;\n border: none;\n color: rgba(0, 0, 0, 0.7);\n background-color: transparent; // \ubc30\uacbd\uc0c9 \uc5c6\uc74c.\n font-size: 20px;\n }\n \n #modalCloseBtn:hover {\n cursor: pointer;\n }\n"])));const a=function(n){const e=e=>{n.closeModal()};return(0,d.jsx)(l,{onClick:e,children:(0,d.jsxs)("div",{className:"modalBody",onClick:n=>n.stopPropagation(),children:[(0,d.jsx)("button",{id:"modalCloseButton",onClick:e,children:"X"}),n.children]})})}},5453:(n,e,t)=>{t.r(e),t.d(e,{default:()=>h});var o,r,i=t(30168),d=t(47313),l=t(2135),a=t(70244),s=t(6102),c=t(55844),p=t(9282),f=t(46417);const x=a.ZP.span(o||(o=(0,i.Z)(["\n position: relative;\n"]))),b=a.ZP.div(r||(r=(0,i.Z)(['\n background: #463f3a;\n position: absolute;\n top: 52px;\n left: 50%;\n width: 94px;\n text-align: left;\n border-radius: 7px;\n transform: translate(-50%, -20px);\n z-index: 990; // \ud398\uc774\uc9c0\uc704\uc5d0 \uacb9\uce5c \uc694\uc18c\ub4e4\uc911 \uac00\uc7a5 \uc704\uc5d0\uc788\ub294 \uc815\ub3c4. \uc22b\uc790\uac00 \ud074\uc218\ub85d \uc704\uc5d0 \uc788\ub2e4.\n\n @media(max-width: 565px) {\n // left: 145%;\n }\n\n &:after { // \uc138\ubaa8\ud654\uc0b4\ud45c\ub9cc\ub4e4\uae30\n content: "";\n height: 0;\n width: 0;\n position: absolute;\n top: -2px;\n left: 50%;\n transform: translate(-50%, -50%);\n border: 12px solid transparent;\n border-top-width: 0;\n border-bottom-color: #463f3a;\n\n @media(max-width: 565px) {\n // left: 22%;\n }\n }\n\n #dropUl {\n list-style-type: none;\n padding: 0;\n margin: 0;\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n align-items: center;\n }\n\n #dropLi {\n border: solid white 2px;\n border-top: #463f3a;\n border-left: #463f3a;\n border-right: #463f3a;\n\n :last-child {\n border-bottom: #463f3a;\n }\n\n & > a {\n font-size: 1.5rem;\n border: #463f3a;\n }\n }\n\n ul li {\n font-size:2rem;\n list-style: none;\n line-height:44px;\n color: #ffffff;\n }\n\n a {\n text-decoration:none;\n font-size:2rem;\n color: #ffffff;\n border-left: #bcb8b1 solid 2px;\n border-right: #bcb8b1 solid 2px;\n padding: 1px 7px;\n\n &:hover {\n color: #463f3a;\n background-color: #bcb8b1;\n border-left: #463f3a solid 2px;\n border-right: #463f3a solid 2px;\n }\n }\n'])));const h=function(n){const{dropMain:e,dropItems:t}=n,[o,r,i]=(0,s.default)(!1),[a,h]=(0,d.useState)(!1),[u,m]=(0,d.useState)(""),[g,j]=(0,d.useState)(!1),y=async n=>{await p.default.post("/friends",{email:u}).then((n=>{j(!1),h(!1)})).catch((n=>{j(!0)}))};return(0,f.jsxs)(x,{children:[(0,f.jsx)("span",{onClick:i,ref:r,children:e}),o&&(0,f.jsx)(b,{children:(0,f.jsx)("ul",{id:"dropUl",children:t.map(((n,e)=>(0,f.jsx)("li",{id:"dropLi",children:1==e?(0,f.jsx)(l.rU,{style:{textDecoration:"none"},onClick:()=>h(!a),children:n.name}):(0,f.jsx)(l.rU,{to:n.link,style:{textDecoration:"none"},children:n.name})},e)))})}),a&&(0,f.jsxs)(c.default,{closeModal:()=>{h(!a),j(!1)},children:[(0,f.jsxs)("h2",{children:["-\xa0\uce5c\uad6c \uc694\uccad\xa0",(0,f.jsx)("i",{className:"fa fa-paper-plane-o","aria-hidden":"true"}),"\xa0-"]}),(0,f.jsxs)("div",{style:{marginBottom:"4px"},children:["\ucd08\ub300 id:\xa0\xa0",(0,f.jsx)("input",{type:"text",onCh
1ange:n=>{m(n.target.value)},onKeyDown:n=>(n=>{"Enter"===n.key&&y()})(n),placeholder:"\uce5c\uad6c\uc758 id\ub97c \uc785\ub825\ud574\uc8fc\uc138\uc694.",maxLength:"16",style:{width:"138px",textAlign:"center",paddingTop:"4px",paddingBottom:"4px",border:"1px solid #463f3a",borderRadius:"5px",backgroundColor:"#f4f3ee"}})]}),(0,f.jsx)("span",{style:g?{display:"",fontSize:"1.26rem",color:"#dd2b2b"}:{display:"none"},children:"!!! \uc774\ubbf8 \ucd08\ub300\ud588\uac70\ub098 \uc5c6\ub294 \uc0ac\uc6a9\uc790\uc785\ub2c8\ub2e4 !!!"}),(0,f.jsx)("div",{style:{lineHeight:"40%"},children:(0,f.jsx)("br",{})}),(0,f.jsx)("button",{style:{float:"right",fontSize:"1.5rem"},onClick:y,children:"\uc694\uccad \uc644\ub8cc"})]})]})}},6102:(n,e,t)=>{t.r(e),t.d(e,{default:()=>r});var o=t(47313);const r=function(n){const[e,t]=(0,o.useState)(n),r=(0,o.useRef)(null);return(0,o.useEffect)((()=>{const n=n=>{null===r.current||r.current.contains(n.target)||t(!e)};return e&&window.addEventListener("click",n),()=>{window.removeEventListener("click",n)}}),[e]),[e,r,()=>{t(!e)}]}}}]);
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.