(window.webpackJsonp=window.webpackJsonp||[]).push([[21],{GNkg:function(e,t,n){"use strict";n.r(t),n.d(t,"pageQuery",(function(){return Ae}));var a=n("q1tI"),i=n.n(a),o=n("6uTu"),r=(n("XfO3"),n("HEwt"),n("f3/d"),n("a1Th"),n("h7Nl"),n("Btvt"),n("rGqo"),n("rE2o"),n("ioFf"),n("Z2Ku"),n("L9s1"),n("pIFo"),n("KKXr"),n("TJpk")),l=n.n(r),c=n("WlAH"),m=n("tRbT"),s=n("Wbzz"),d=n("vOnD"),p=d.a.div.withConfig({displayName:"styled__BioWrapper",componentId:"sc-1q0fm4m-0"})([".divider{margin-top:50px;margin-bottom:20px;margin-left:10px;margin-right:10px;height:3px;background-color:gray;}img{width:50px;height:50px;}.biotext{color:black;font-size:13px;margin-top:10px;font-weight:800;}.myname{color:black;font-size:13px;margin-top:10px;font-weight:800;}.gridgap{margin-top:10px;}.circle{margin:0;padding:0;}"]),g=d.a.div.withConfig({displayName:"styled__CircleWrapper",componentId:"sc-1q0fm4m-1"})(["margin:10px;display:flex;align-content:center;align-items:center;justify-content:center;height:45px;width:45px;border-radius:50%;text-align:center;border:1.5px solid #ebebeb;svg{width:20px;height:20px;}"]),u=function(){return i.a.createElement(p,null,i.a.createElement(m.a,{container:!0},i.a.createElement(m.a,{item:!0,xs:12},i.a.createElement("hr",{className:"divider"})),i.a.createElement(m.a,{item:!0,xs:12},i.a.createElement(s.Link,{to:"/resume"},i.a.createElement("img",{src:"/github.png"}))),i.a.createElement(m.a,{item:!0,xs:12},i.a.createElement("p",{className:"biotext"},c.AUTHOR)),i.a.createElement(m.a,{item:!0,xs:12},i.a.createElement("p",{className:"biotext"},c.MYNAME)),i.a.createElement(m.a,{item:!0,xs:12,className:"gridgap"},i.a.createElement("hr",{className:"divider"}),i.a.createElement("p",{className:"biotext"},c.DESCRIPTION)),i.a.createElement(m.a,{item:!0,xs:4},c.GITHUB_ID?i.a.createElement("a",{href:"https://github.com/".concat(c.GITHUB_ID),target:"_blank",rel:"noreferrer noopener",className:"circle"},i.a.createElement(g,null,i.a.createElement("svg",{viewBox:"0 0 26 28",style:{margin:0,padding:0}},i.a.createElement("path",{d:"M10 19c0 1.141-0.594 3-2 3s-2-1.859-2-3 0.594-3 2-3 2 1.859 2 3zM20 19c0 1.141-0.594 3-2 3s-2-1.859-2-3 0.594-3 2-3 2 1.859 2 3zM22.5 19c0-2.391-1.453-4.5-4-4.5-1.031 0-2.016 0.187-3.047 0.328-0.812 0.125-1.625 0.172-2.453 0.172s-1.641-0.047-2.453-0.172c-1.016-0.141-2.016-0.328-3.047-0.328-2.547 0-4 2.109-4 4.5 0 4.781 4.375 5.516 8.188 5.516h2.625c3.813 0 8.188-0.734 8.188-5.516zM26 16.25c0 1.734-0.172 3.578-0.953 5.172-2.063 4.172-7.734 4.578-11.797 4.578-4.125 0-10.141-0.359-12.281-4.578-0.797-1.578-0.969-3.437-0.969-5.172 0-2.281 0.625-4.438 2.125-6.188-0.281-0.859-0.422-1.766-0.422-2.656 0-1.172 0.266-2.344 0.797-3.406 2.469 0 4.047 1.078 5.922 2.547 1.578-0.375 3.203-0.547 4.828-0.547 1.469 0 2.953 0.156 4.375 0.5 1.859-1.453 3.437-2.5 5.875-2.5 0.531 1.062 0.797 2.234 0.797 3.406 0 0.891-0.141 1.781-0.422 2.625 1.5 1.766 2.125 3.938 2.125 6.219z"})))):null),i.a.createElement(m.a,{item:!0,xs:4},c.FACEBOOK_ID?i.a.createElement("a",{href:"https://www.facebook.com/".concat(c.FACEBOOK_ID),target:"_blank",rel:"noreferrer noopener",className:"circle"},i.a.createElement(g,null,i.a.createElement("svg",{viewBox:"0 0 16 28",style:{margin:0,padding:0}},i.a.createElement("path",{d:"M14.984 0.187v4.125h-2.453c-1.922 0-2.281 0.922-2.281 2.25v2.953h4.578l-0.609 4.625h-3.969v11.859h-4.781v-11.859h-3.984v-4.625h3.984v-3.406c0-3.953 2.422-6.109 5.953-6.109 1.687 0 3.141 0.125 3.563 0.187z"})))):null),i.a.createElement(m.a,{item:!0,xs:4},c.INSTARGRAM_ID?i.a.createElement("a",{href:"https://www.instargram.com/".concat(c.INSTARGRAM_ID),target:"_blank",rel:"noreferrer noopener",className:"circle"},i.a.createElement(g,null,i.a.createElement("svg",{viewBox:"0 0 24 24",style:{margin:0,padding:0}},i.a.createElement("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"})))):null)))},f=(n("g5xf"),n("X13+")),x=d.a.div.withConfig({displayName:"Clearfix",componentId:"j34zgs-0"})(['&:before,&:after{display:block;clear:both;content:"";}']),h=d.a.div.withConfig({displayName:"styled__ButtonInline",componentId:"sc-1hokm1n-0"})([""]),b=d.a.div.withConfig({displayName:"styled__PostWrapper",componentId:"sc-1hokm1n-1"})(['margin:auto;padding:10px 0 0;margin:0 40px 40px 40px;font-size:16px;background-color:white;border-radius:10px;box-shadow:10px 10px 10px black;@media (max-width:600px){padding:70px 16px 0;margin:0 10px 10px 10px;}&:before,&:after{display:block;content:"";clear:both;}h1{margin:0.67em 0;font-size:36px;}time{margin:1em 0;font-size:14px;}a{font-size:12px;font-weight:800;color:gray;}']),y=(d.a.div.withConfig({displayName:"styled__CommentContent",componentId:"sc-1hokm1n-2"})(["padding:50px;line-height:2em;color:black;h1{margin-top:50px;margin-bottom:50px;font-size:40px;font-weight:800;}h2{margin-top:3em;font-size:28px;font-weight:800;}h3{margin-top:40px;font-size:24px;font-weight:800;}h4,h5{margin-top:40px;font-weight:800;font-size:21px;}p{margin-top:10px;font-size:18px;font-weight:100;}strong{margin-top:100px;font-size:18px;font-weight:800;}li{margin-top:10px;margin-left:30px;font-size:18px;font-weight:100;}blockquote{line-height:1.2em;color:#aaa;margin-top:18px;font-size:18px;}pre,span{margin-top:10px;font-size:14px;}table{margin:20px;background:#f9f9f9;}th,tr,td{border:2px solid gray;color:black;padding:10px;margin-top:10px;font-size:14px;}@media (max-width:1000px){padding:10px;line-height:2em;color:black;h1{margin-top:2px;margin-bottom:2px;font-size:18px;}h2{margin-top:2px;font-size:14px;}h3{margin-top:2px;font-size:10px;}h4,h5,p,blockquote,pre{margin-top:5px;font-size:10px;}li{margin-top:5px;font-size:10px;margin-left:30px;}table{margin:20px;}th,tr,td,span,strong{font-size:10px;}}"]),d.a.div.withConfig({displayName:"styled__PostContent",componentId:"sc-1hokm1n-3"})(["padding:0 20px 20px 20px;line-height:2em;color:black;h1{margin-top:5em;font-size:32px;font-weight:800;}h2{margin-top:5em;font-size:28px;font-weight:800;}h3{margin-top:1em;font-size:24px;font-weight:800;}h4{margin-top:1em;font-size:21px;font-weight:800;}h5{margin-top:1em;font-size:19px;font-weight:800;}p{margin-top:10px;font-size:18px;font-weight:100;}strong{margin-top:100px;font-size:22px;font-weight:800;}li{margin-top:10px;margin-left:30px;font-size:18px;font-weight:100;}blockquote{line-height:1.2em;color:#aaa;margin-top:18px;font-size:18px;}em{visibility:",";line-height:1.2em;font-weight:1000;margin-top:18px;font-size:18px;text-decoration:underline;}pre,span{margin-top:10px;font-size:14px;}table{margin:20px;background:#f9f9f9;}thead{background:#e2e2e2;font-weight:800;}th,tr,td{border:2px solid gray;color:black;padding:10px;font-size:14px;min-width:3rem;}hr{margin-bottom:30px;}code{position:relative;visibility:",";}del{visibility:",";text-decoration:none;color:gray;}@media (max-width:1000px){padding:0 10px 10px 10px;line-height:2em;color:black;hr{margin-bottom:10px;}h1{margin-bottom:2px;font-size:18px;}h2{font-size:16px;}h3{font-size:14px;}h4{font-size:12px;}h5{font-size:10px;}p,blockquote,pre{margin-top:5px;font-size:10px;}li{line-height:2.5em;margin-top:5px;font-size:10px;margin-left:10px;}table{margin:20px;}th,tr,td,span,em{font-size:10px;}strong{font-size:14px;}}"],(function(e){return e.lines}),(function(e){return e.answer}),(function(e){return e.dels}))),w=(d.a.div.withConfig({displayName:"styled__PrintTitle",componentId:"sc-1hokm1n-4"})(["font-size:15px;font-weight:800;margin:5px;text-shadow:3px 3px 30px white;"]),d.a.div.withConfig({displayName:"styled__ClearMobile",componentId:"sc-1hokm1n-5"})(["@media (max-width:600px){display:none;}"])),v=d.a.button.withConfig({displayName:"styled__Button",componentId:"sc-1hokm1n-6"})(["display:flex;align-items:center;color:white;background:linear-gradient(45deg,#000000,#434343);border-radius:4px;outline:0;border:0;h4{margin:2px;}"]),E=d.a.div.withConfig({displayName:"styled__ImageWrapper",componentId:"sc-1hokm1n-7"})([".jb-wrap{max-height:400px;width:100%;margin:10px auto;position:relative;overflow:hidden;}.jb-wrap img{max-height:initial;width:100%;vertical-align:middle;}.jb-text{color:white;font-weight:800;text-shadow:2px 2px 20px white;font-size:30px;text-align:center;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background-color:black;padding:5%;line-height:2em;@media (max-width:600px){font-size:15px;}@keyframes blink{50%{opacity:0.8;}100%{opacity:1;}}}"]),C=d.a.div.withConfig({displayName:"styled__WarpVisible",componentId:"sc-1hokm1n-8"})(["display:flex;justify-content:space-between;padding-left:30px;padding-right:30px;"]),k=d.a.div.withConfig({displayName:"styled__Visible",componentId:"sc-1hokm1n-9"})(["position:sticky;top:70px;display:block;align-items:center;text-align:center;h4{font-size:14px;font-weight:800;}@media (max-width:1200px){h4{font-size:10px;font-weight:800;}}@media (max-width:992px){display:none;}.lineblock{display:inline-block;}.smallcircle{display:inline-block;padding-left:30px;font-weight:800;color:greenyellow;vertical-align:middle;}"]),I=d.a.div.withConfig({displayName:"styled__VisibleTable",componentId:"sc-1hokm1n-10"})(["position:sticky;display:block;top:20vh;align-items:center;text-align:center;@media (max-width:992px){display:none;}"]),_=(d.a.div.withConfig({displayName:"styled__ComponentInPost",componentId:"sc-1hokm1n-11"})(['position:relative;margin:1em 0 1em;padding:55px 16px 16px;color:#263238;border:1px solid #263238;border-top-left-radius:5px;border-top-right-radius:5px;overflow:hidden;&:before{position:absolute;top:0;right:0;left:0;padding:0 0 0 80px;width:100%;height:35px;line-height:35px;color:#fff;background-color:#263238;font-weight:100;content:"Application for example";}&:after{display:inline-block;position:absolute;top:15px;left:20px;width:10px;height:10px;background-color:#ff5f56;border-radius:50%;content:"";}& > *:first-child{&:before{display:inline-block;position:absolute;top:15px;left:40px;width:10px;height:10px;background-color:#ffbd2e;border-radius:50%;content:"";}&:after{display:inline-block;position:absolute;top:15px;left:60px;width:10px;height:10px;background-color:#27c93f;border-radius:50%;content:"";}}']),d.a.div.withConfig({displayName:"styled__TocItemDiv",componentId:"sc-1hokm1n-12"})(["display:block;margin-right:20px;padding-left:10px;font-size:10px;border-left:7px solid black;transform:all 0.5s ease-in-out;text-align:left;cursor:pointer;h4{padding:0.4em 0 0.4em;color:rgb(150,150,150);font-size:12px;font-weight:800;}&.isintersect h4{color:black;font-size:14px;padding:0.5em 0 0.5em;}"])),j=n("K4nT"),O=d.a.div.withConfig({displayName:"style__SmallTextDiv",componentId:"f1ulxg-0"})(['display:flex;flex-direction:row;input{font-family:"NanumBarunGothicSubset" !important;font-size:0.8rem;outline:none;width:100%;background-color:white;margin:5px;padding:10px;border:none;}']),N=d.a.div.withConfig({displayName:"style__UnderDiv",componentId:"f1ulxg-1"})(["grid-row:2/3;display:flex;justify-content:space-between;"]),z=d.a.div.withConfig({displayName:"style__UpperDiv",componentId:"f1ulxg-2"})(["grid-row:1/2;text-align:center;h4{font-size:13px;font-weight:800;color:#FF416C;}"]),D=d.a.div.withConfig({displayName:"style__OpenTextDiv",componentId:"f1ulxg-3"})(["cursor:pointer;h4{font-size:10px;font-weight:800;color:#FF416C;}"]),S=d.a.button.withConfig({displayName:"style__WriteCommentButton",componentId:"f1ulxg-4"})(['transition:all 0.2s ease-in-out;transition:0.5s;background-color:#141414;height:40px;min-width:50px;margin:5px;font-family:"NanumBarunGothicSubset" !important;h4{font-size:12px;font-weight:800;padding:10px;color:white !important;}cursor:pointer;&:hover{transform:scale(1.1);}@media (max-width:1200px){h4{font-size:11px;padding:4px;}}@media (max-width:600px){h4{font-size:10px;padding:2px;}}']),T=(d.a.div.withConfig({displayName:"style__OpenDiv",componentId:"f1ulxg-5"})(["display:none;&.isopen{display:inline;}"]),d.a.div.withConfig({displayName:"style__CommentDiv",componentId:"f1ulxg-6"})(["padding:5%;position:relative;display:grid;grid-template-rows:50px 1fr 270px;"])),R=d.a.div.withConfig({displayName:"style__CommentCountDiv",componentId:"f1ulxg-7"})(["grid-row:1/2;padding:20px;h4{font-size:16px;font-weight:800;color:black;}"]),B=d.a.div.withConfig({displayName:"style__CommentItemsDiv",componentId:"f1ulxg-8"})(["grid-row:2/3;"]),P=(d.a.div.withConfig({displayName:"style__CommentWriteDiv",componentId:"f1ulxg-9"})(["grid-row:3/4;"]),d.a.div.withConfig({displayName:"style__CommentItemDiv",componentId:"f1ulxg-10"})(["display:grid;grid-template-columns:150px 1fr 1fr;grid-template-rows:50px 1fr 50px;margin:1%;"])),W=d.a.div.withConfig({displayName:"style__CommentItemUpperDiv",componentId:"f1ulxg-11"})(["display:flex;justify-content:space-between;text-align:center;align-items:center;padding:10px;grid-column:2/4;grid-row:1/2;padding:10px;.cancel{cursor:pointer;transition:0.5s;&:hover{transform:scale(1.2);}}"]),A=d.a.div.withConfig({displayName:"style__TimeDiv",componentId:"f1ulxg-12"})(["display:flex;h4{font-size:10px;font-weight:800;color:gray;}"]),G=d.a.div.withConfig({displayName:"style__DeleteWrapperDiv",componentId:"f1ulxg-13"})(["display:flex;text-align:center;align-items:center;.errormsg{font-size:10px;font-weight:800;color:#FF416C;}"]),F=d.a.div.withConfig({displayName:"style__Cancel",componentId:"f1ulxg-14"})(["cursor:pointer;transition:0.5s;&:hover{transform:scale(1.2);}"]),M=d.a.div.withConfig({displayName:"style__Confirm",componentId:"f1ulxg-15"})(['input{font-family:"NanumBarunGothicSubset" !important;font-size:0.8rem;outline:none;width:70%;background-color:rgba(0,0,0,0.05);margin:2px;padding:4px;border:none;}']),q=d.a.div.withConfig({displayName:"style__CommenItemContentDiv",componentId:"f1ulxg-16"})(["grid-column:2/3;grid-row:2/3;padding:10px;h4{font-size:16px;font-weight:800;color:black;}"]),U=d.a.div.withConfig({displayName:"style__CommenItemLowerDiv",componentId:"f1ulxg-17"})(["grid-column:2/3;grid-row:3/4;padding:10px;"]),X=d.a.div.withConfig({displayName:"style__CommentNameDiv",componentId:"f1ulxg-18"})(["background:rgba(0,0,0,0.05);display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;border-right:2px solid #d4d4d4;grid-column:1/2;grid-row:1/4;h4{margin:1rem;font-size:13px;font-weight:800;color:black;}"]),K=d.a.div.withConfig({displayName:"style__CommentUserDiv",componentId:"f1ulxg-19"})(["display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;h4{font-size:13px;font-weight:800;color:black;}"]),L=d.a.div.withConfig({displayName:"style__WriteCommentDiv",componentId:"f1ulxg-20"})(['background:rgba(0,0,0,0.05);padding:3%;margin-bottom:1%;display:grid;grid-template-rows:2fr 1fr;h4{font-size:13px;font-weight:800;color:black;}textarea{font-family:"NanumBarunGothicSubset" !important;font-size:0.8rem;outline:none;padding-bottom:0.5rem;margin-bottom:1rem;height:20vh;width:100%;padding:10px;box-sizing:border-box;background-color:white;border:none;}']),H=function(e){var t=e.name;return i.a.createElement(K,null,i.a.createElement("h4",null,t))},V=(n("jm62"),n("yt8O"),n("RW0V"),n("/MKj")),J=n("IykP"),Z=n("y4Xt");function $(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);t&&(a=a.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,a)}return n}function Q(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function Y(){var e,t=Object(V.c)((function(e){return e.removecomment})),n=t.removecomment,i=t.data,o=t.error,r=t.loading,l=Object(V.b)();return Object(a.useEffect)((function(){i&&i.comments&&(l(Object(Z.c)(i.comments)),l(Object(J.b)()))}),[l,i]),{removecomment:n,data:i,error:o,loading:r,onChangeRemove:function(t){var n=t.target.name,a=t.target.value;e&&clearTimeout(e),e=setTimeout((function(){"commentId"!==n&&"password"!==n||l(Object(J.a)({key:n,value:a}))}),200)},onGoRemoveComment:function(e){var t=function(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?$(Object(n),!0).forEach((function(t){Q(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):$(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}({},n);t.commentId=e,t.postId=window.location.pathname,l(Object(J.d)(t))}}}var ee=function(e){var t=e.commentId,n=Y(),a=n.error,o=n.onChangeRemove,r=n.onGoRemoveComment;return i.a.createElement(G,null,i.a.createElement("h4",{className:"errormsg"},a),i.a.createElement(M,null,i.a.createElement("div",null,i.a.createElement("input",{autoComplete:"new-password",name:"password",type:"password",placeholder:"비밀번호",onChange:function(e){return o(e)}}))),i.a.createElement(F,null,i.a.createElement(S,{onClick:function(){return r(t)}},i.a.createElement("h4",null,"X"))))},te=d.a.div.withConfig({displayName:"style__SmallTextDiv",componentId:"ydeg38-0"})(['display:flex;flex-direction:row;input{font-family:"NanumBarunGothicSubset" !important;font-size:0.8rem;outline:none;width:100%;background-color:white;margin:5px;padding:10px;border:none;}']),ne=d.a.div.withConfig({displayName:"style__UnderDiv",componentId:"ydeg38-1"})(["grid-row:2/3;display:flex;justify-content:space-between;"]),ae=d.a.div.withConfig({displayName:"style__UpperDiv",componentId:"ydeg38-2"})(["grid-row:1/2;text-align:center;h4{font-size:13px;font-weight:800;color:#FF416C;}"]),ie=d.a.button.withConfig({displayName:"style__WriteReCommentButton",componentId:"ydeg38-3"})(['transition:all 0.2s ease-in-out;transition:0.5s;background-color:#141414;height:40px;min-width:50px;margin:5px;font-family:"NanumBarunGothicSubset" !important;h4{font-size:12px;font-weight:800;padding:10px;color:white !important;}cursor:pointer;&:hover{transform:scale(1.1);}@media (max-width:1200px){h4{font-size:11px;padding:4px;}}@media (max-width:600px){h4{font-size:10px;padding:2px;}}']),oe=(d.a.div.withConfig({displayName:"style__OpenDiv",componentId:"ydeg38-4"})(["display:none;&.isopen{display:inline;}"]),d.a.div.withConfig({displayName:"style__ReCommentDiv",componentId:"ydeg38-5"})(["background:rgba(0,0,0,0.1);padding:0 5%;position:relative;display:grid;grid-template-rows:50px 1fr 270px;"])),re=d.a.div.withConfig({displayName:"style__ReCommentCountDiv",componentId:"ydeg38-6"})(["grid-row:1/2;padding:20px;h4{font-size:16px;font-weight:800;color:black;}"]),le=d.a.div.withConfig({displayName:"style__ReCommentItemsDiv",componentId:"ydeg38-7"})(["grid-row:2/3;"]),ce=(d.a.div.withConfig({displayName:"style__ReCommentWriteDiv",componentId:"ydeg38-8"})(["grid-row:3/4;"]),d.a.div.withConfig({displayName:"style__ReCommentItemDiv",componentId:"ydeg38-9"})(["display:grid;grid-template-columns:150px 1fr 1fr;grid-template-rows:1fr 1fr;margin:1%;"])),me=d.a.div.withConfig({displayName:"style__ReCommentItemUpperDiv",componentId:"ydeg38-10"})(["display:flex;justify-content:space-between;text-align:center;align-items:center;padding:10px;grid-column:2/4;grid-row:1/2;padding:10px;h4{font-size:10px;font-weight:800;color:gray;}.cancel{cursor:pointer;transition:0.5s;&:hover{transform:scale(1.2);}}"]),se=d.a.div.withConfig({displayName:"style__TimeDiv",componentId:"ydeg38-11"})(["display:flex;h4{font-size:10px;font-weight:800;color:gray;}"]),de=d.a.div.withConfig({displayName:"style__DeleteWrapperDiv",componentId:"ydeg38-12"})(["display:flex;text-align:center;align-items:center;.errormsg{font-size:10px;font-weight:800;color:#FF416C;}"]),pe=d.a.div.withConfig({displayName:"style__Cancel",componentId:"ydeg38-13"})(["cursor:pointer;transition:0.5s;&:hover{transform:scale(1.2);}"]),ge=d.a.div.withConfig({displayName:"style__Confirm",componentId:"ydeg38-14"})(['input{font-family:"NanumBarunGothicSubset" !important;font-size:0.8rem;outline:none;width:70%;background-color:rgba(0,0,0,0.05);margin:2px;padding:4px;border:none;}']),ue=d.a.div.withConfig({displayName:"style__CommenItemContentDiv",componentId:"ydeg38-15"})(["grid-column:2/3;grid-row:2/3;padding:10px;h4{font-size:16px;font-weight:800;color:black;}"]),fe=d.a.div.withConfig({displayName:"style__CommenItemLowerDiv",componentId:"ydeg38-16"})(["grid-column:2/3;grid-row:3/4;padding:10px;"]),xe=d.a.div.withConfig({displayName:"style__ReCommentNameDiv",componentId:"ydeg38-17"})(["background:rgba(0,0,0,0.05);display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;border-right:2px solid #d4d4d4;grid-column:1/2;grid-row:1/4;h4{margin:1rem;font-size:13px;font-weight:800;color:black;}"]),he=d.a.div.withConfig({displayName:"style__ReCommentUserDiv",componentId:"ydeg38-18"})(["display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;h4{font-size:13px;font-weight:800;color:black;}"]),be=d.a.div.withConfig({displayName:"style__WriteReCommentDiv",componentId:"ydeg38-19"})(['padding:3%;margin-bottom:1%;display:grid;grid-template-rows:2fr 1fr;h4{font-size:13px;font-weight:800;color:black;}textarea{font-family:"NanumBarunGothicSubset" !important;font-size:0.8rem;outline:none;padding-bottom:0.5rem;margin-bottom:1rem;height:20vh;width:100%;padding:10px;box-sizing:border-box;background-color:white;border:none;}']),ye=n("zOeA");var we=function(){var e=function(){var e,t=Object(V.c)((function(e){return e.writerecomment})),n=t.writerecomment,i=t.data,o=t.error,r=t.loading,l=Object(V.b)();return Object(a.useEffect)((function(){l(Object(ye.a)({key:"postId",value:window.location.pathname}))}),[]),Object(a.useEffect)((function(){i&&i.comments&&(l(Object(Z.c)(i.comments)),l(Object(ye.b)()))}),[l,i]),{writerecomment:n,data:i,error:o,loading:r,onChangeReComment:function(t){var n=t.target.name,a=t.target.value;e&&clearTimeout(e),e=setTimeout((function(){"content"!==n&&"name"!==n&&"password"!==n||l(Object(ye.a)({key:n,value:a}))}),200)},onSubmitReComment:function(){l(Object(ye.d)(n))}}}(),t=e.error,n=e.onChangeReComment,o=e.onSubmitReComment;return i.a.createElement(be,null,i.a.createElement(ae,null,i.a.createElement("textarea",{autoComplete:"content",name:"content",placeholder:"내용",onChange:function(e){return n(e)}}),i.a.createElement("h4",{className:"errormsg"},t)),i.a.createElement(ne,null,i.a.createElement(te,null,i.a.createElement("div",null,i.a.createElement("input",{autoComplete:"new-password",name:"name",placeholder:"닉네임",onChange:function(e){return n(e)}})),i.a.createElement("div",null,i.a.createElement("input",{autoComplete:"new-password",name:"password",type:"password",placeholder:"비밀번호",onChange:function(e){return n(e)}}))),i.a.createElement("div",null,i.a.createElement(ie,{onClick:o},i.a.createElement("h4",null,"등록")))))},ve=function(e){var t=e.name;return i.a.createElement(he,null,i.a.createElement("h4",null,t))},Ee=n("+4VW");function Ce(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);t&&(a=a.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,a)}return n}function ke(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function Ie(){var e,t=Object(V.c)((function(e){return e.removerecomment})),n=t.removerecomment,i=t.data,o=t.error,r=t.loading,l=Object(V.b)();return Object(a.useEffect)((function(){i&&i.comments&&(l(Object(Z.c)(i.comments)),l(Object(Ee.b)()))}),[l,i]),{removerecomment:n,data:i,error:o,loading:r,onChangeRemoveRe:function(t){var n=t.target.name,a=t.target.value;e&&clearTimeout(e),e=setTimeout((function(){"recommentId"!==n&&"password"!==n||l(Object(Ee.a)({key:n,value:a}))}),200)},onGoRemoveReComment:function(e){var t=function(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?Ce(Object(n),!0).forEach((function(t){ke(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):Ce(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}({},n);t.recommentId=e,t.postId=window.location.pathname,l(Object(Ee.d)(t))}}}var _e=function(e){var t=e.recommentId,n=Ie(),a=n.error,o=n.onChangeRemoveRe,r=n.onGoRemoveReComment;return i.a.createElement(de,null,i.a.createElement("h4",{className:"errormsg"},a),i.a.createElement(ge,null,i.a.createElement("div",null,i.a.createElement("input",{autoComplete:"new-password",name:"password",type:"password",placeholder:"비밀번호",onChange:function(e){return o(e)}}))),i.a.createElement(pe,null,i.a.createElement(ie,{onClick:function(){return r(t)}},i.a.createElement("h4",null,"X"))))},je=function(e){var t=e.recomment,n=new Date(t.created);return i.a.createElement("div",null,i.a.createElement(ce,null,i.a.createElement(xe,null,i.a.createElement(ve,{name:t.name})),i.a.createElement(me,null,i.a.createElement(se,null,i.a.createElement("h4",null,n.toString())),i.a.createElement(_e,{recommentId:t.id+""})),i.a.createElement(ue,null,i.a.createElement("h4",null,t.content)),i.a.createElement(fe,null)))},Oe=function(e){return e?i.a.createElement(oe,null,i.a.createElement(re,null,i.a.createElement("h4",null,e.recomments.length," 개의 대댓글")),i.a.createElement(we,null),i.a.createElement(le,null,e.recomments.map((function(e,t){return i.a.createElement(je,{recomment:e,key:t})})))):i.a.createElement(oe,null)},Ne=function(e){var t=e.comment,n=e.openId,a=e.setOpen,o=new Date(t.created);return i.a.createElement("div",null,i.a.createElement(P,null,i.a.createElement(X,null,i.a.createElement(H,{name:t.name})),i.a.createElement(W,null,i.a.createElement(A,null,i.a.createElement("h4",null,o.toString())),i.a.createElement(ee,{commentId:t.id+""})),i.a.createElement(q,null,i.a.createElement("h4",null,t.content)),i.a.createElement(U,null,i.a.createElement(D,{onClick:function(){return a(t.id)}},n===t.id?i.a.createElement("h4",null,t.recomments.length," 개의 대댓글 / 닫기"):i.a.createElement("h4",null,t.recomments.length," 개의 대댓글 / 대댓글 열기")))),n===t.id&&i.a.createElement(Oe,{recomments:t.recomments}))},ze=n("zNZK");var De=function(){var e=function(){var e,t=Object(V.c)((function(e){return e.writecomment})),n=t.writecomment,i=t.data,o=t.error,r=t.loading,l=Object(V.b)();return Object(a.useEffect)((function(){l(Object(ze.a)({key:"postId",value:window.location.pathname}))}),[]),Object(a.useEffect)((function(){i&&i.comments&&(l(Object(Z.c)(i.comments)),l(Object(ze.b)()))}),[l,i]),{writecomment:n,data:i,error:o,loading:r,onChangeComment:function(t){var n=t.target.name,a=t.target.value;e&&clearTimeout(e),e=setTimeout((function(){"content"!==n&&"name"!==n&&"password"!==n||l(Object(ze.a)({key:n,value:a}))}),200)},onSubmitComment:function(){l(Object(ze.d)(n))}}}(),t=e.error,n=e.onChangeComment,o=e.onSubmitComment;return i.a.createElement(L,null,i.a.createElement(z,null,i.a.createElement("textarea",{autoComplete:"content",name:"content",placeholder:"내용",onChange:function(e){return n(e)}}),i.a.createElement("h4",{className:"errormsg"},t)),i.a.createElement(N,null,i.a.createElement(O,null,i.a.createElement("div",null,i.a.createElement("input",{autoComplete:"new-password",name:"name",placeholder:"닉네임",onChange:function(e){return n(e)}})),i.a.createElement("div",null,i.a.createElement("input",{autoComplete:"new-password",name:"password",type:"password",placeholder:"비밀번호",onChange:function(e){return n(e)}}))),i.a.createElement("div",null,i.a.createElement(S,{onClick:o},i.a.createElement("h4",null,"등록")))))};var Se=function(){var e=function(){var e=Object(V.c)((function(e){return e.postcomments})),t=e.comments,n=e.data,i=e.openId,o=Object(V.b)();return Object(a.useEffect)((function(){o(Object(Z.d)(window.location.pathname))}),[]),Object(a.useEffect)((function(){return n&&n.comments&&o(Object(Z.c)(n.comments)),function(){o(Object(Z.a)())}}),[o,n]),{comments:t,openId:i,setOpen:function(e){e===i?(o(Object(Z.e)("")),o(Object(ye.a)({key:"commentId",value:""}))):(o(Object(Z.e)(e)),o(Object(ye.a)({key:"commentId",value:e})))}}}(),t=e.comments,n=e.openId,o=e.setOpen;return t?i.a.createElement(T,null,i.a.createElement(R,null,i.a.createElement("h4",null,t.length," 개의 댓글 (아래 댓글이 달리면 삭제할 수 없습니다)")),i.a.createElement(De,null),i.a.createElement(B,null,t.map((function(e,t){return i.a.createElement(Ne,{comment:e,key:t,openId:n,setOpen:o})})))):i.a.createElement(T,null)};function Te(e){return function(e){if(Array.isArray(e))return Pe(e)}(e)||function(e){if("undefined"!=typeof Symbol&&Symbol.iterator in Object(e))return Array.from(e)}(e)||Be(e)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function Re(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){if("undefined"==typeof Symbol||!(Symbol.iterator in Object(e)))return;var n=[],a=!0,i=!1,o=void 0;try{for(var r,l=e[Symbol.iterator]();!(a=(r=l.next()).done)&&(n.push(r.value),!t||n.length!==t);a=!0);}catch(c){i=!0,o=c}finally{try{a||null==l.return||l.return()}finally{if(i)throw o}}return n}(e,t)||Be(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function Be(e,t){if(e){if("string"==typeof e)return Pe(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?Pe(e,t):void 0}}function Pe(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,a=new Array(t);n<t;n++)a[n]=e[n];return a}var We=function(e){var t=e.data.post,o=t.html,r=t.frontmatter,s=r.title,d=r.date,p=r.images,g=Re(void 0===p?[]:p,1)[0],O=void 0===g?null:g,N=Re(Object(a.useState)(null),2),z=N[0],D=N[1];Object(a.useEffect)((function(){var e=document.querySelectorAll("h1, h2");e.forEach((function(e,t){e.classList.add("toctextlink".concat(t))})),D(e);var t=new IntersectionObserver((function(e){e.forEach((function(e){if(e.isIntersecting){document.querySelectorAll(".tocitem").forEach((function(e){return e.classList.remove("isintersect")}));var t=e.target.className.replace("toctextlink",""),n=document.querySelector("#tocitem".concat(t)),a=document.querySelector(".toctextlink".concat(t));n&&a&&n.classList.add("isintersect")}}))}));return e&&e.forEach((function(e){t.observe(e)})),function(){return t&&t.disconnect()}}),[]);var S=Re(Object(a.useState)(""),2),T=S[0],R=S[1],B=Object(a.useCallback)((function(){R(""===T?"hidden":"")}),[T]),P=Re(Object(a.useState)(""),2),W=P[0],A=P[1],G=Object(a.useCallback)((function(){A(""===W?"hidden":"")}),[W]),F=Re(Object(a.useState)("hidden"),2),M=F[0],q=F[1],U=Object(a.useCallback)((function(){q(""===M?"hidden":"")}),[M]);return i.a.createElement(i.a.Fragment,null,i.a.createElement(l.a,null,i.a.createElement("title",null,"".concat(c.PREFIX).concat(s)),i.a.createElement("meta",{name:"og:title",content:"".concat(c.PREFIX).concat(s)})),i.a.createElement(b,null,i.a.createElement(m.a,{container:!0},i.a.createElement(m.a,{item:!0,xs:12},i.a.createElement(E,null,i.a.createElement("div",{className:"jb-wrap"},i.a.createElement("div",{className:"jb-image"},O&&i.a.createElement("img",{src:O.includes("//")?O:n("M3HJ")("./".concat(O)),alt:""})),i.a.createElement("div",{className:"jb-text"},s)))),i.a.createElement(m.a,{item:!0,lg:2,md:2,sm:!1,xs:!1,className:"stickyvisible"},i.a.createElement(k,null,i.a.createElement(u,null),i.a.createElement(C,null,i.a.createElement("div",{className:"lineblock"},i.a.createElement(v,{type:"button",onClick:B},i.a.createElement("h4",null,"블록가리기"))),i.a.createElement("div",{className:"lineblock"},i.a.createElement("div",{className:"lineblock"},i.a.createElement("div",{className:"smallcircle"},"hidden"==T?i.a.createElement(f.a,null):i.a.createElement(f.b,null))))),i.a.createElement(C,null,i.a.createElement("div",{className:"lineblock"},i.a.createElement(v,{type:"button",onClick:G},i.a.createElement("h4",null,"밑줄가리기"))),i.a.createElement("div",{className:"lineblock"},i.a.createElement("div",{className:"lineblock"},i.a.createElement("div",{className:"smallcircle"},"hidden"==W?i.a.createElement(f.a,null):i.a.createElement(f.b,null))))),i.a.createElement(C,null,i.a.createElement("div",{className:"lineblock"},i.a.createElement(v,{type:"button",onClick:U},i.a.createElement("h4",null,"요약가리기"))),i.a.createElement("div",{className:"lineblock"},i.a.createElement("div",{className:"lineblock"},i.a.createElement("div",{className:"smallcircle"},"hidden"==M?i.a.createElement(f.a,null):i.a.createElement(f.b,null))))))),i.a.createElement(m.a,{item:!0,lg:8,md:8,sm:12,xs:12},i.a.createElement(w,null,i.a.createElement(h,null,i.a.createElement(x,null,i.a.createElement(j.a,null)))),i.a.createElement(y,{answer:T,lines:W,dels:M},i.a.createElement("h5",null,function(e){var t=Re(e.split("T"),2),n=t[0],a=void 0===n?"":n,i=t[1],o=void 0===i?"":i;return"".concat(a," ").concat(o.slice(0,5))}(d)," 시에 저장한 글입니다."),i.a.createElement("hr",{style:{marginBottom:"50px"}}),i.a.createElement("div",{id:"post-contents",dangerouslySetInnerHTML:{__html:o},style:{marginBottom:"100px"}}))),i.a.createElement(m.a,{item:!0,lg:2,md:2,sm:!1,xs:!1,className:"stickyvisible"},i.a.createElement(I,null,z&&Te(z).map((function(e,t){return i.a.createElement(_,{key:t,className:"tocitem ".concat(e.innerText),id:"tocitem".concat(t),onClick:function(e){return function(e){var t=document.querySelector(".toctextlink".concat(e.currentTarget.id.replace("tocitem","")));t&&window.scrollTo({top:t.offsetTop-200,behavior:"smooth"})}(e)}},i.a.createElement("h4",null,e.innerText))}))))),i.a.createElement(m.a,{item:!0,xs:12},i.a.createElement(Se,null))))},Ae=(t.default=function(e){return i.a.createElement(o.a,e,i.a.createElement(We,e))},"1829917652")},K4nT:function(e,t,n){"use strict";(function(e){var a=n("q1tI"),i=n.n(a),o=n("ma3e"),r=n("nFXT");t.a=function(){var t=Object(a.useCallback)((function(){e.print()}),[]);return i.a.createElement(r.a,{type:"button",onClick:t},i.a.createElement(o.c,null),i.a.createElement(r.b,null,"PRINT"))}}).call(this,n("yLpj"))},g5xf:function(e,t,n){},nFXT:function(e,t,n){"use strict";n.d(t,"a",(function(){return i})),n.d(t,"b",(function(){return o}));var a=n("vOnD"),i=a.a.button.withConfig({displayName:"styled__Button",componentId:"sc-1aanmmt-0"})(["display:flex;align-items:center;color:white;background-image:linear-gradient(45deg,#8E2DE2,#4A00E0);border-radius:4px;outline:0;border:0;box-shadow:2px 2px 2px black;"]),o=a.a.div.withConfig({displayName:"styled__PrintTitle",componentId:"sc-1aanmmt-1"})(["font-size:15px;font-weight:800;margin:5px;text-shadow:3px 3px 30px white;"])},tRbT:function(e,t,n){"use strict";n("rGqo"),n("yt8O"),n("Btvt"),n("pIFo");var a=n("Ff2n"),i=n("wx14"),o=n("q1tI"),r=n("iuhU"),l=n("H2TA"),c=[0,1,2,3,4,5,6,7,8,9,10],m=["auto",!0,1,2,3,4,5,6,7,8,9,10,11,12];function s(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:1,n=parseFloat(e);return"".concat(n/t).concat(String(e).replace(String(n),"")||"px")}var d=o.forwardRef((function(e,t){var n=e.alignContent,l=void 0===n?"stretch":n,c=e.alignItems,m=void 0===c?"stretch":c,s=e.classes,d=e.className,p=e.component,g=void 0===p?"div":p,u=e.container,f=void 0!==u&&u,x=e.direction,h=void 0===x?"row":x,b=e.item,y=void 0!==b&&b,w=e.justify,v=void 0===w?"flex-start":w,E=e.lg,C=void 0!==E&&E,k=e.md,I=void 0!==k&&k,_=e.sm,j=void 0!==_&&_,O=e.spacing,N=void 0===O?0:O,z=e.wrap,D=void 0===z?"wrap":z,S=e.xl,T=void 0!==S&&S,R=e.xs,B=void 0!==R&&R,P=e.zeroMinWidth,W=void 0!==P&&P,A=Object(a.a)(e,["alignContent","alignItems","classes","className","component","container","direction","item","justify","lg","md","sm","spacing","wrap","xl","xs","zeroMinWidth"]),G=Object(r.a)(s.root,d,f&&[s.container,0!==N&&s["spacing-xs-".concat(String(N))]],y&&s.item,W&&s.zeroMinWidth,"row"!==h&&s["direction-xs-".concat(String(h))],"wrap"!==D&&s["wrap-xs-".concat(String(D))],"stretch"!==m&&s["align-items-xs-".concat(String(m))],"stretch"!==l&&s["align-content-xs-".concat(String(l))],"flex-start"!==v&&s["justify-xs-".concat(String(v))],!1!==B&&s["grid-xs-".concat(String(B))],!1!==j&&s["grid-sm-".concat(String(j))],!1!==I&&s["grid-md-".concat(String(I))],!1!==C&&s["grid-lg-".concat(String(C))],!1!==T&&s["grid-xl-".concat(String(T))]);return o.createElement(g,Object(i.default)({className:G,ref:t},A))})),p=Object(l.a)((function(e){return Object(i.default)({root:{},container:{boxSizing:"border-box",display:"flex",flexWrap:"wrap",width:"100%"},item:{boxSizing:"border-box",margin:"0"},zeroMinWidth:{minWidth:0},"direction-xs-column":{flexDirection:"column"},"direction-xs-column-reverse":{flexDirection:"column-reverse"},"direction-xs-row-reverse":{flexDirection:"row-reverse"},"wrap-xs-nowrap":{flexWrap:"nowrap"},"wrap-xs-wrap-reverse":{flexWrap:"wrap-reverse"},"align-items-xs-center":{alignItems:"center"},"align-items-xs-flex-start":{alignItems:"flex-start"},"align-items-xs-flex-end":{alignItems:"flex-end"},"align-items-xs-baseline":{alignItems:"baseline"},"align-content-xs-center":{alignContent:"center"},"align-content-xs-flex-start":{alignContent:"flex-start"},"align-content-xs-flex-end":{alignContent:"flex-end"},"align-content-xs-space-between":{alignContent:"space-between"},"align-content-xs-space-around":{alignContent:"space-around"},"justify-xs-center":{justifyContent:"center"},"justify-xs-flex-end":{justifyContent:"flex-end"},"justify-xs-space-between":{justifyContent:"space-between"},"justify-xs-space-around":{justifyContent:"space-around"},"justify-xs-space-evenly":{justifyContent:"space-evenly"}},function(e,t){var n={};return c.forEach((function(a){var i=e.spacing(a);0!==i&&(n["spacing-".concat(t,"-").concat(a)]={margin:"-".concat(s(i,2)),width:"calc(100% + ".concat(s(i),")"),"& > $item":{padding:s(i,2)}})})),n}(e,"xs"),e.breakpoints.keys.reduce((function(t,n){return function(e,t,n){var a={};m.forEach((function(e){var t="grid-".concat(n,"-").concat(e);if(!0!==e)if("auto"!==e){var i="".concat(Math.round(e/12*1e8)/1e6,"%");a[t]={flexBasis:i,flexGrow:0,maxWidth:i}}else a[t]={flexBasis:"auto",flexGrow:0,maxWidth:"none"};else a[t]={flexBasis:0,flexGrow:1,maxWidth:"100%"}})),"xs"===n?Object(i.default)(e,a):e[t.breakpoints.up(n)]=a}(t,e,n),t}),{}))}),{name:"MuiGrid"})(d);t.a=p}}]);
//# sourceMappingURL=component---src-templates-post-jsx-dfab648e2dcf638ae7e0.js.map