https://code-folio.vercel.app/_next/static/chunks/pages/profile/[[...userId]]-e0b7aa4e550af81e.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[128],{10282:function(n,e,t){(window.__NEXT_P=window.__NEXT_P||[]).push(["/profile/[[...userId]]",function(){return t(62317)}])},65834:function(n,e,t){"use strict";var r=t(70638),i=t(28598),o=t(5147),l=t(82684),c=t(9518);function s(){let n=(0,r.Z)(["\n  position: fixed;\n  z-index: 2;\n  top: 0;\n  left: 0;\n  width: 100vw;\n  height: 100vh;\n  background-color: rgba(0, 0, 0, 0.6);\n\n  display: flex;\n  justify-content: center;\n  align-items: center;\n"]);return s=function(){return n},n}function u(){let n=(0,r.Z)(["\n  box-shadow: 0px 0.25rem 0.625rem rgba(0, 0, 0, 0.25);\n  border-radius: 0.25rem;\n  width: 20.5rem;\n  background-color: ",";\n\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n  z-index: 3;\n"]);return u=function(){return n},n}function d(){let n=(0,r.Z)(["\n  padding: 4.0625rem 0;\n  color: white;\n"]);return d=function(){return n},n}function a(){let n=(0,r.Z)(["\n  display: flex;\n  width: 100%;\n  height: 3.75rem;\n"]);return a=function(){return n},n}function f(){let n=(0,r.Z)(["\n  flex: 1;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n\n  cursor: pointer;\n"]);return f=function(){return n},n}function h(){let n=(0,r.Z)(["\n  color: white;\n  background-color: ",";\n  border-bottom-left-radius: 4px;\n"]);return h=function(){return n},n}function m(){let n=(0,r.Z)(["\n  color: ",";\n  background-color: ",";\n  border-bottom-right-radius: 4px;\n"]);return m=function(){return n},n}let g=n=>{let{bodyText:e,leftText:t,rightText:r,onClickLeft:c,onClickRight:s,type:u="normal"}=n,d=(0,l.useRef)();return(0,o.Z)(d,()=>c()),(0,i.jsx)(p,{children:(0,i.jsxs)(x,{ref:d,children:[(0,i.jsx)(C,{children:e}),(0,i.jsxs)(j,{children:[(0,i.jsx)(w,{onClick:c,children:t}),(0,i.jsx)(b,{onClick:s,type:u,children:r})]})]})})},p=c.ZP.div.withConfig({componentId:"sc-6e4803a9-0"})(s()),x=c.ZP.div.withConfig({componentId:"sc-6e4803a9-1"})(u(),n=>{let{theme:e}=n;return e.colors.gray11}),C=c.ZP.div.withConfig({componentId:"sc-6e4803a9-2"})(d()),j=c.ZP.div.withConfig({componentId:"sc-6e4803a9-3"})(a()),Z=c.ZP.div.withConfig({componentId:"sc-6e4803a9-4"})(f()),w=(0,c.ZP)(Z).withConfig({componentId:"sc-6e4803a9-5"})(h(),n=>{let{theme:e}=n;return e.colors.gray4}),b=(0,c.ZP)(Z).withConfig({componentId:"sc-6e4803a9-6"})(m(),n=>{let{theme:e,type:t}=n;return e.colors["normal"===t?"black":"white"]},n=>{let{theme:e,type:t}=n;return e.colors["normal"===t?"primary6":"messageError"]});e.Z=g},92487:function(n,e,t){"use strict";var r=t(70638),i=t(28598),o=t(82684),l=t(9518),c=t(43987),s=t(24572),u=t(82839),d=t(19170),a=t(22765),f=t(88656),h=t(60071),m=t.n(h),g=t(82857),p=t(5147);function x(){let n=(0,r.Z)(["\n  position: relative;\n  display: flex;\n  margin-top: 2.5rem;\n\n  @media (max-width: 768px) {\n    width: 100%;\n    padding-left: 1rem;\n  }\n"]);return x=function(){return n},n}function C(){let n=(0,r.Z)(["\n  display: flex;\n  gap: 1rem;\n"]);return C=function(){return n},n}function j(){let n=(0,r.Z)(["\n  margin-left: 1.5rem;\n  width: 100%;\n  display: flex;\n  flex-direction: column;\n\n  justify-content: space-between;\n"]);return j=function(){return n},n}function Z(){let n=(0,r.Z)(["\n  color: ",";\n  height: 1.25rem;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  margin-bottom: 1rem;\n\n  span {\n    font-size: 1rem;\n    color: ",";\n\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n  }\n"]);return Z=function(){return n},n}function w(){let n=(0,r.Z)(["\n  width: 90%;\n  margin-top: 0.25rem;\n  outline: 0;\n\n  border-width: 0 0 1px;\n  background-color: ",";\n  color: ",";\n"]);return w=function(){return n},n}function b(){let n=(0,r.Z)(["\n  display: flex;\n  gap: 1rem;\n  h3 {\n    ","\n  }\n  span {\n    ","\n  }\n"]);return b=function(){return n},n}function y(){let n=(0,r.Z)(["\n  color: ",";\n  ","\n"]);return y=function(){return n},n}function v(){let n=(0,r.Z)(["\n  display: flex;\n  flex-direction: row;\n  padding-right: 2.5rem;\n  gap: 1.2rem;\n\n  cursor: pointer;\n"]);return v=function(){return n},n}function P(){let n=(0,r.Z)(["\n  color: ",";\n  background-color: ",";\n  z-index: 10;\n  width: 11.25rem;\n  position: absolute;\n  top: 2rem;\n  right: -5rem;\n  box-shadow: 0rem 0.25rem 0.25rem rgba(0, 0, 0, 0.25);\n  border-radius: 0.25rem;\n"]);return P=function(){return n},n}function _(){let n=(0,r.Z)(["\n  line-height: 3.5rem;\n  cursor: pointer;\n  padding-left: 1.5rem;\n  :hover {\n    background-color: ",";\n  }\n"]);return _=function(){return n},n}let I=n=>{let{comment:e,dbType:t}=n,r=(0,c.NL)(),l=(0,o.useRef)();(0,p.Z)(l,()=>x(!1));let[h,x]=(0,o.useState)(!1),[C,j]=(0,o.useState)(!1),[Z,w]=(0,o.useState)(e.content),[b,y]=(0,o.useState)(""),[v,P]=(0,o.useState)(""),[_,I]=(0,o.useState)(""),[N,T]=(0,o.useState)("");(0,s.a)(["currentUser"],{queryFn:f.ts,onSuccess(n){let{data:{user:e}}=n;e&&y(e.id)}}),(0,s.a)(["getOnePost",e.post_id],{queryFn:n=>{let{queryKey:e}=n;return(0,f.TA)(e[1])},onSuccess:n=>

1{n&&T(n.user_id)}}),(0,s.a)(["getSingleUser",e.user_id],{queryFn:n=>{let{queryKey:e}=n;return(0,f.fp)(e[1])},onSuccess(n){n&&(P(n.user_name),I(n.profile_image))},onError(n){console.log(n)},enabled:!!e.user_id});let{mutate:D}=(0,u.D)(async n=>{await g.Z.from("notification").delete().match({user_id:b,target_id:N,["comment"===t?"post_id":"profile_id"]:"comment"===t?e.post_id:e.profile_id,type:n})}),{mutate:U}=(0,u.D)(()=>(0,f.YF)(e.id,t),{onSuccess:async()=>{D(t),await (0,f.WF)(e.post_id),"comment"===t?(r.invalidateQueries(["getComment"]),r.invalidateQueries(["GET_POSTS"])):r.invalidateQueries(["getProfileComment"])}}),{mutate:A}=(0,u.D)(()=>(0,f.DF)(e.id,Z,t),{onSuccess:()=>{r.invalidateQueries(["comment"===t?"getComment":"getProfileComment"])}}),R=async()=>{x(!1),C&&A(),j(n=>!n)},q=async()=>{w(e.content),j(n=>!n)},B=(0,d.Z)(e.created_at);return(0,i.jsxs)(k,{children:[(0,i.jsx)(a.m1,{alt:"프로필이미지",page:"detailPage",src:_,profileId:e.user_id}),(0,i.jsxs)(S,{children:[(0,i.jsx)(E,{children:(0,i.jsxs)(z,{children:[(0,i.jsxs)("h3",{children:[" ",v," "]}),(0,i.jsxs)("span",{children:[" ",B," "]})]})}),C?(0,i.jsx)(M,{value:Z,onChange:n=>w(n.target.value)}):(0,i.jsx)(F,{children:e.content})]}),b===e.user_id?(0,i.jsx)(L,{children:C?(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(a.KM,{text:"완료",buttonType:"default",size:"s",onClick:R}),(0,i.jsx)(a.KM,{text:"취소",buttonType:"line",size:"s",onClick:q})]}):(0,i.jsx)(V,{children:(0,i.jsx)(m(),{src:"/icons/more".concat(h?"-on":"",".svg"),onClick:()=>x(n=>!n),width:24,height:24,alt:"더보기 버튼"})})}):(0,i.jsx)(L,{}),h&&(0,i.jsxs)(H,{ref:l,children:[(0,i.jsx)(G,{onClick:R,children:"수정하기"}),(0,i.jsx)(G,{onClick:()=>U(),children:"삭제하기"})]})]})},k=l.ZP.div.withConfig({componentId:"sc-d2975787-0"})(x()),L=l.ZP.div.withConfig({componentId:"sc-d2975787-1"})(C()),S=l.ZP.div.withConfig({componentId:"sc-d2975787-2"})(j()),E=l.ZP.div.withConfig({componentId:"sc-d2975787-3"})(Z(),n=>{let{theme:e}=n;return e.colors.white},n=>{let{theme:e}=n;return e.colors.gray4}),M=l.ZP.input.withConfig({componentId:"sc-d2975787-4"})(w(),n=>{let{theme:e}=n;return e.colors.gray11},n=>{let{theme:e}=n;return e.colors.white}),z=l.ZP.div.withConfig({componentId:"sc-d2975787-5"})(b(),n=>{let{theme:e}=n;return e.fonts.subtitle16},n=>{let{theme:e}=n;return e.fonts.body14}),F=l.ZP.div.withConfig({componentId:"sc-d2975787-6"})(y(),n=>{let{theme:e}=n;return e.colors.gray2},n=>{let{theme:e}=n;return e.fonts.body16}),V=l.ZP.div.withConfig({componentId:"sc-d2975787-7"})(v()),H=l.ZP.div.withConfig({componentId:"sc-d2975787-8"})(P(),n=>{let{theme:e}=n;return e.colors.white},n=>{let{theme:e}=n;return e.colors.gray9}),G=l.ZP.div.withConfig({componentId:"sc-d2975787-9"})(_(),n=>{let{theme:e}=n;return e.colors.gray8});e.Z=I},62317:function(n,e,t){"use strict";t.r(e),t.d(e,{default:function(){return e9}});var r=t(70638),i=t(28598),o=t(82684),l=t(9518),c=t(29287),s=t(98869),u=t(34376),d=t(22765);function a(){let n=(0,r.Z)(["\n  margin-top: 1.75rem;\n  display: grid;\n  grid-template-columns: repeat(3, 1fr);\n  grid-column-gap: 1.5rem;\n  grid-row-gap: 3.25rem;\n"]);return a=function(){return n},n}function f(){let n=(0,r.Z)(["\n  cursor: pointer;\n"]);return f=function(){return n},n}let h=n=>{let{itemList:e}=n,t=(0,u.useRouter)(),r=n=>{t.push("/detail/".concat(n))};return(0,i.jsx)(m,{children:e.map(n=>(0,i.jsx)(g,{onClick:()=>r(n.id),children:(0,i.jsx)(d.Ss,{postId:n.id,imageSrc:(0,c.Z)(n.thumbnail_check?n.title_background_image:n.content),imageAlt:"".concat(n.title,"썸네일"),title:n.title,subTitle:n.sub_title,skills:n.skills,date:(0,s.Z)(n.created_at),comments:n.comment_count,likes:n.like_count,bookmarks:n.bookmark_count,field:n.sub_category,userId:n.user_id})},n.id))})},m=l.ZP.div.withConfig({componentId:"sc-13ec2e4f-0"})(a()),g=l.ZP.div.withConfig({componentId:"sc-13ec2e4f-1"})(f());function p(){let n=(0,r.Z)(["\n  overflow-x: hidden;\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n  margin-bottom: 7.5rem;\n"]);return p=function(){return n},n}let x=l.ZP.div.withConfig({componentId:"sc-533784a7-0"})(p());function C(){let n=(0,r.Z)(["\n  display: grid;\n  grid-template-columns: repeat(",", 1fr);

1\n  width: 58.75rem;\n"]);return C=function(){return n},n}function j(){let n=(0,r.Z)(["\n  text-align: center;\n  padding: 1rem;\n  border-top: "," solid\n    ",";\n  cursor: pointer;\n  transition: all 0.3s ease-in-out;\n  color: ",";\n  margin: 0 0 2.25rem;\n  height: 3.5rem;\n"]);return j=function(){return n},n}let Z=n=>{let{tabList:e,currentTab:t,onClick:r}=n;return(0,i.jsx)(w,{listLength:e.length,children:e.map((n,e)=>(0,i.jsx)(b,{active:t===e,onClick:()=>r(e),children:n},n))})},w=l.ZP.div.withConfig({componentId:"sc-fb466b4-0"})(C(),n=>{let{listLength:e}=n;return e}),b=l.ZP.div.withConfig({componentId:"sc-fb466b4-1"})(j(),n=>{let{active:e}=n;return e?"3px":"1px"},n=>{let{active:e,theme:t}=n;return e?t.colors.white:t.colors.gray5},n=>{let{active:e,theme:t}=n;return e?t.colors.white:t.colors.gray5});function y(){let n=(0,r.Z)(["\n  fill: ",";\n"]);return y=function(){return n},n}let v=n=>{let{d:e}=n;return(0,i.jsx)("svg",{width:"36",height:"36",viewBox:"0 0 36 36",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:(0,i.jsx)(P,{d:e})})},P=l.ZP.path.withConfig({componentId:"sc-715fb8d5-0"})(y(),n=>{let{theme:e}=n;return e.colors.gray3});var _=t(24572),I=t(82839),k=t(82857);let L=async n=>{let{queryKey:e}=n,{profileId:t}=e[1],r=await k.Z.from("profile_badge").select("type").eq("profile_id",t);if(r.error)throw Error(r.error.message);return r.data};var S=t(88656);let E=async n=>{let{queryKey:e}=n,{profileId:t,userId:r}=e[1],i=await k.Z.from("profile_badge").select("type").eq("profile_id",t).eq("user_id",r);if(i.error)throw Error(i.error.message);return i.data},M=async n=>{let{profileId:e,userId:t,type:r}=n,{data:i,error:o}=await k.Z.from("profile_badge").insert({profile_id:e,user_id:t,type:r});return(console.log(o),o)?o:i},z=async n=>{let{profileId:e,userId:t,type:r}=n,{data:i,error:o}=await k.Z.from("profile_badge").delete().match({profile_id:e,user_id:t,type:r});return o||i};var F=t(65834),V=t(10103),H=t.n(V),G=t(92487);function N(){let n=(0,r.Z)(["\n  display: flex;\n  flex-direction: column;\n  gap: 2rem;\n"]);return N=function(){return n},n}let T=n=>{var e;let{profileId:t}=n,r=async()=>{let n=await k.Z.from("profile_comment").select("*").order("created_at",{ascending:!1}).eq("profile_id",t);return n},{data:l,refetch:c}=(0,_.a)(["getProfileComment"],r);return(0,o.useEffect)(()=>{c()},[t,c]),(0,i.jsx)(D,{children:l&&(null===(e=l.data)||void 0===e?void 0:e.map(n=>(0,i.jsx)(G.Z,{comment:n,dbType:"profile_comment"},n.id)))})},D=l.ZP.div.withConfig({componentId:"sc-f2c91f29-0"})(N());var U=t(38968),A=t(71607),R=t(59841);let q=async(n,e,t)=>{let r=await k.Z.from("profile_comment").insert({content:n,profile_id:e,user_id:t});return r};var B=t(43987);function K(){let n=(0,r.Z)(["\n  height: 7rem;\n  padding-top: 3rem;\n  border-top: 1px solid ",";\n\n  display: flex;\n  justify-content: space-between;\n  gap: 2rem;\n"]);return K=function(){return n},n}function Y(){let n=(0,r.Z)(["\n  display: flex;\n  justify-content: end;\n"]);return Y=function(){return n},n}function Q(){let n=(0,r.Z)(["\n  width: 70rem;\n  vertical-align: text-top;\n  padding: 0.5rem 0.75rem;\n\n  border-radius: 0.25rem;\n  border: 1px solid ",";\n\n  resize: none;\n\n  background-color: ",";\n  color: ",";\n"]);return Q=function(){return n},n}function X(){let n=(0,r.Z)(["\n  margin-top: 0.5rem;\n  margin-left: 3.5rem;\n  padding-left: 1rem;\n  font-size: 1rem;\n  color: ",";\n  opacity: ",";\n  transition: all 0.5s ease-in-out;\n"]);return X=function(){return n},n}let $=n=>{let{userId:e,profileId:t}=n,r=(0,B.NL)(),[l,c]=(0,o.useState)(!1),{inputValues:s,handleInputChange:u,resetAllInput:a}=(0,U.Gl)({comment:""}),{profileData:{profile_image:f}}=(0,A.G)(),{profileData:{user_name:h}}=(0,A.G)(t),{mutate:m}=(0,I.D)(()=>q(s.comment,t,e),{onSuccess:()=>{r.invalidateQueries(["getProfileComment"])}}),g=()=>{if(!s.comment){c(!0),setTimeout(()=>{c(!1)},2e3);return}m(),a()};return(0,o.useEffect)(()=>{(0,R.UK)()},[]),(0,i.jsxs)(i.Fragment,{children:[(0,i.jsxs)(O,{children:[(0,i.jsx)(d.m1,{src:f,alt:"사용자 프로필 이미지",page:"detailPage"}),(0,i.jsx)(W,{value:s.comment,onChange:u("comment"),placeholder:"칭찬배지와 함께 ".concat(h,"님에 대한 칭찬 코멘트를 남겨주세요.")})]}),(0,i.jsx)(nn,{isHelperText:l,children:"댓글을 입력해주세요."}),(0,i.jsx)(J,{children:(0,i.jsx)(d.KM,{text:"작성하기",buttonType:"default",size:"m",onClick:g})})]})},O=l.ZP.div.withConfig({componentId:"sc-e01e39c6-0"})(K(),n=>{let{theme:e}=n;return e.colors.gray4}),J=l.ZP.div.withConfig({componentId:"sc-e01e39c6-1"})(Y()),W=l.ZP.textarea.withConfig({componentId:"sc-e01e39c6-2"})(Q(),n=>{let{theme:e}=n;return e.colors.gray6},n=>{let{theme:e}=n;return e.colors.gray11},n=>{let{theme:e}=n;return e.colors.white}),nn=l.ZP.div.withConfig({componentId:"sc-e01e39c6-3"})(X(),n=>{let{theme:e}=n;return e.colors.messageError},n=>{let{isHelperText:e}=n;return e?1:0});function ne(){let n=(0,r.Z)(["\n  width: 100%;\n"]);return ne=function(){return n},n}function nt(){let n=(0,r.Z)(["\n  display: flex;\n  justify-content: space-between;\n  padding: 0 7.5rem;\n  margin: 3.75rem 0 6rem;\n"]);return nt=function(){return n},n}function nr(){let n=(0,r.Z)(["\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n\n  cursor: pointer;\n\n  color: ",";\n\n  path {\n    ",";\n  }\n\n  &:hover {\n    color: ",";\n    path {\n      fill: ",";\n    }\n  }\n"]);return nr=function(){return n},n}function ni(){let n=(0,r.Z)(["\n  ","\n  margin: 0.5rem 0 0.125rem;\n"]);return ni=function(){return n},n}function no(){let n=(0,r.Z)(["\n  ","\n"]);return no=function(){return n},n}let nl=()=>{var n,e;let t=(0,u.useRouter)(),r=null===(n=t.query)||void 0===n?void 0:null===(e=n.userId)||void 0===e?void 0:e[0],[l,c]=(0,o.useState)(!1),[s,d]=(0,o.useState)(0),[a,f]=(0,o.useState)(0),[h,m]=(0,o.useState)(0),[g,p]=(0,o.useState)(0),[x,C]=(0,o.useState)(0),[j,Z]=(0,o.useState)([]),[w,b]=(0,o.useState)(""),[y,P]=(0,o.useState)();(0,_.a)(["currentUser"],S.ts,{onSuccess:n=>{let{data:{user:e}}=n;e&&b(e.id)}});let{refetch:k}=(0,_.a)(["getUserBadge",{profileId:r}],L,{onSuccess:n=>{if(!n)return;let e=0,t=0,r=0,i=0,o=0;

1n.forEach(n=>{let{type:l}=n;"puzzle"===l&&(e+=1),"pencil"===l&&(t+=1),"arrow"===l&&(r+=1),"chat"===l&&(i+=1),"tool"===l&&(o+=1)}),d(e),f(t),m(r),p(i),C(o)}}),{refetch:V}=(0,_.a)(["getPostBadgeByUserId",{userId:w,profileId:r}],E,{onSuccess:n=>{let e=n.map(n=>n.type);Z(e)}}),{mutate:G}=(0,I.D)(M,{onSuccess:()=>{k(),V()}}),{mutate:N}=(0,I.D)(z,{onSuccess:()=>{k(),V()}}),D=(0,o.useCallback)(H().throttle(()=>{if(!y||!w)return;let n=j.filter(n=>n!==y);Z(n),N({userId:w,profileId:r,type:y})},500,{leading:!0,trailing:!1}),[y]),U=(0,o.useCallback)(H().throttle(()=>{y&&w&&(Z([...j,y]),G({userId:w,profileId:r,type:y}))},500,{leading:!0,trailing:!1}),[y]),A=()=>{if(!w){c(!0);return}y&&(j.includes(y)?D():U())};return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsxs)(nc,{children:[(0,i.jsxs)(ns,{children:[(0,i.jsxs)(nu,{onClick:A,onMouseEnter:()=>P("puzzle"),badgeCheck:j,badge:"puzzle",children:[(0,i.jsx)(v,{d:"M19.8888 6.60039C19.4143 6.60039 18.9593 6.78886 18.6239 7.12434C18.2884 7.45983 18.0999 7.91484 18.0999 8.38928V8.75039C18.0999 9.32945 17.8699 9.88479 17.4604 10.2942C17.051 10.7037 16.4956 10.9337 15.9166 10.9337H9.77768C9.68633 10.9337 9.59872 10.97 9.53412 11.0346C9.46952 11.0992 9.43324 11.1868 9.43324 11.2782V15.9726C9.43324 16.5517 9.20321 17.107 8.79375 17.5165C8.3843 17.9259 7.82896 18.1559 7.2499 18.1559H6.88879C6.41435 18.1559 5.95934 18.3444 5.62386 18.6799C5.28837 19.0154 5.0999 19.4704 5.0999 19.9448C5.0999 20.4193 5.28837 20.8743 5.62386 21.2098C5.95934 21.5453 6.41435 21.7337 6.88879 21.7337H7.2499C7.82896 21.7337 8.3843 21.9638 8.79375 22.3732C9.20321 22.7827 9.43324 23.338 9.43324 23.9171V30.0559C9.43324 30.1473 9.46953 30.2349 9.53412 30.2995C9.59872 30.3641 9.68633 30.4004 9.77768 30.4004H15.8999V30.0559C15.8999 28.998 16.3202 27.9834 17.0682 27.2354C17.8163 26.4873 18.8309 26.0671 19.8888 26.0671C20.9467 26.0671 21.9613 26.4873 22.7094 27.2354C23.4574 27.9834 23.8777 28.998 23.8777 30.0559V30.4004H28.5555C28.6468 30.4004 28.7344 30.3641 28.799 30.2995C28.8636 30.2349 28.8999 30.1473 28.8999 30.0559V23.9337H28.5555C27.4975 23.9337 26.4829 23.5135 25.7349 22.7654C24.9868 22.0173 24.5666 21.0028 24.5666 19.9448C24.5666 18.8869 24.9868 17.8723 25.7349 17.1243C26.4829 16.3762 27.4975 15.9559 28.5555 15.9559H28.8999V11.2782C28.8999 11.1868 28.8636 11.0992 28.799 11.0346C28.7344 10.97 28.6468 10.9337 28.5555 10.9337H23.861C22.6555 10.9337 21.6777 9.9559 21.6777 8.75039V8.38928C21.6777 7.91484 21.4892 7.45983 21.1537 7.12434C20.8182 6.78886 20.3632 6.60039 19.8888 6.60039ZM17.0682 5.56871C17.8163 4.82065 18.8309 4.40039 19.8888 4.40039C20.9467 4.40039 21.9613 4.82065 22.7094 5.56871C23.4574 6.31677 23.8777 7.33136 23.8777 8.38928V8.73372H28.5555C29.2303 8.73372 29.8775 9.0018 30.3547 9.47897C30.8318 9.95615 31.0999 10.6033 31.0999 11.2782V15.9726C31.0999 16.5517 30.8699 17.107 30.4604 17.5165C30.051 17.9259 29.4956 18.1559 28.9166 18.1559H28.5555C28.081 18.1559 27.626 18.3444 27.2905 18.6799C26.955 19.0154 26.7666 19.4704 26.7666 19.9448C26.7666 20.4193 26.955 20.8743 27.2905 21.2098C27.626 21.5453 28.081 21.7337 28.5555 21.7337H28.9166C29.4956 21.7337 30.051 21.9638 30.4604 22.3732C30.8699 22.7827 31.0999 23.338 31.0999 23.9171V30.0559C31.0999 30.7308 30.8318 31.378 30.3547 31.8551C29.8775 32.3323 29.2303 32.6004 28.5555 32.6004H23.861C23.282 32.6004 22.7266 32.3704 22.3172 31.9609C21.9077 31.5515 21.6777 30.9961 21.6777 30.4171V30.0559C21.6777 29.5815 21.4892 29.1265 21.1537 28.791C20.8182 28.4555 20.3632 28.2671 19.8888 28.2671C19.4143 28.2671 18.9593 28.4555 18.6239 28.791C18.2884 29.1265 18.0999 29.5815 18.0999 30.0559V30.4171C18.0999 30.9961 17.8699 31.5515 17.4604 31.9609C17.051 32.3704 16.4956 32.6004 15.9166 32.6004H9.77768C9.10285 32.6004 8.45566 32.3323 7.97849 31.8551C7.50131 31.378 7.23324 30.7308 7.23324 30.0559V23.9337H6.88879C5.83087 23.9337 4.81628 23.5135 4.06822 22.7654C3.32016 22.0173 2.8999 21.0028 2.8999 19.9448C2.8999 18.8869 3.32016 17.8723 4.06822 17.1243C4.81628 16.3762 5.83087 15.9559 6.88879 15.9559H7.23324V11.2782C7.23324 10.6033 7.50131 9.95615 7.97849 9.47897C8.45566 9.0018 9.10285 8.73372 9.77768 8.73372H15.8999V8.38928C15.8999 7.33136 16.3202 6.31677 17.0682 5.56871Z"}),(0,i.jsx)(nd,{children:"문제해결력이 좋아요"}),(0,i.jsx)(na,{children:s})]}),(0,i.jsxs)(nu,{onClick:A,onMouseEnter:()=>P("pencil"),badgeCheck:j,badge:"pencil",children:[(0,i.jsx)(v,{d:"M29.8876 10.8681L23.977 4.96001C23.7815 4.7626 23.5488 4.60588 23.2923 4.49893C23.0359 4.39198 22.7607 4.33691 22.4829 4.33691C22.205 4.33691 21.9298 4.39198 21.6734 4.49893C21.4169 4.60588 21.1842 4.7626 20.9887 4.96001L5.12147 20.8206C4.92431 21.0161 4.76788 21.2488 4.66122 21.5052C4.55455 21.7615 4.49975 22.0365 4.5 22.3141V28.2222C4.5 28.783 4.7229 29.3209 5.11965 29.7175C5.51641 30.1141 6.05453 30.3369 6.61563 30.3369H12.5262C12.8039 30.3372 13.079 30.2824 13.3354 30.1758C13.5919 30.0691 13.8247 29.9128 14.0203 29.7157L29.8876 13.8551C30.28 13.457 30.5 12.9205 30.5 12.3616C30.5 11.8027 30.28 11.2662 29.8876 10.8681ZM7.05198 21.8779L18.2516 10.683L20.4598 12.8903L9.26017 24.0852L7.05198 21.8779ZM6.61563 24.4289L10.4105 28.2222H6.61563V24.4289ZM12.9625 27.786L10.7543 25.5787L21.9539 14.3838L24.1621 16.5911L12.9625 27.786ZM25.6563 15.0976L19.7458 9.18949L22.4829 6.45355L28.3934 12.3616L25.6563 15.0976Z"}),(0,i.jsx)(nd,{children:"학습능력이 훌륭해요"}),(0,i.jsx)(na,{children:a})]}),(0,i.jsxs)(nu,{onClick:A,onMouseEnter:()=>P("arrow"),badgeCheck:j,badge:"arrow",children:[(0,i.jsx)(v,{d:"M25.275 10.7752L27.435 12.9352L20.115 20.2552L15.18 15.3202C15.0412 15.1811 14.8764 15.0708 14.6949 14.9955C14.5135 14.9202 14.3189 14.8815 14.1225 14.8815C13.926 14.8815 13.7315 14.9202 13.55 14.9955C13.3686 15.0708 13.2038 15.1811 13.065 15.3202L4.06498 24.3352C3.92611 24.474 3.81595 24.6389 3.74079 24.8204C3.66564 25.0018 3.62695 25.1963 3.62695 25.3927C3.62695 25.5891 3.66564 25.7835 3.74079 25.965C3.81595 26.1464 3.92611 26.3113 4.06498 26.4502C4.20386 26.589 4.36872 26.6992 4.55017 26.7744C4.73162 26.8495 4.92609 26.8882 5.12248 26.8882C5.31888 26.8882 5.51335 26.8495 5.6948 26.7744C5.87625 26.6992 6.04111 26.589 6.17998 26.4502L14.115 18.5002L19.05 23.4352C19.635 24.0202 20.58 24.0202 21.165 23.4352L29.55 15.0652L31.71 17.2252C31.8148 17.328 31.9475 17.3977 32.0916 17.4258C32.2357 17.4539 32.3849 17.439 32.5206 17.3831C32.6564 17.3272 32.7727 17.2327 32.8553 17.1113C32.9378 16.9899 32.9829 16.847 32.985 16.7002V10.2502C32.9891 10.1518 32.973 10.0537 32.9377 9.96186C32.9025 9.86999 32.8487 9.78634 32.7798 9.71605C32.711 9.64577 32.6284 9.59035 32.5373 9.55322C32.4461 9.51609 32.3484 9.49803 32.25 9.50017H25.815C25.6669 9.4993 25.5219 9.54228 25.3982 9.62369C25.2745 9.70511 25.1777 9.82131 25.12 9.95766C25.0622 10.094 25.0461 10.2444 25.0737 10.3899C25.1013 10.5354 25.1713 10.6694 25.275 10.7752Z"}),(0,i.jsx)(nd,{children:"자기주도적으로 일해요"}),(0,i.jsx)(na,{children:h})]}),(0,i.jsxs)(nu,{onClick:A,onMouseEnter:()=>P("chat"),badgeCheck:j,badge:"chat",children:[(0,i.jsx)(v,{d:"M30.875 6.125H6.125C5.52826 6.125 4.95597 6.36205 4.53401 6.78401C4.11205 7.20597 3.875 7.77826 3.875 8.375V26.375C3.875 26.9717 4.11205 27.544 4.53401 27.966C4.95597 28.3879 5.52826 28.625 6.125 28.625H14.4922L16.5734 32.0984C16.771 32.4338 17.0526 32.7117 17.3905 32.9049C17.7284 33.098 18.1108 33.1996 18.5 33.1996C18.8892 33.1996 19.2716 33.098 19.6095 32.9049C19.9474 32.7117 20.229 32.4338 20.4266 32.0984L22.5078 28.625H30.875C31.4717 28.625 32.044 28.3879 32.466 27.966C32.8879 27.544 33.125 26.9717 33.125 26.375V8.375C33.125 7.77826 32.8879 7.20597 32.466 6.78401C32.044 6.36205 31.4717 6.125 30.875 6.125ZM30.875 26.375H22.5078C22.1196 26.3773 21.7385 26.4794 21.4011 26.6715C21.0637 26.8636 20.7814 27.1392 20.5813 27.4719L18.5 30.9453L16.4187 27.4719C16.2186 27.1392 15.9363 26.8636 15.5989 26.6715C15.2615 26.4794 14.8804 26.3773 14.4922 26.375H6.125V8.375H30.875V26.375ZM16.8125 17.375C16.8125 17.0412 16.9115 16.715 17.0969 16.4375C17.2823 16.16 17.5459 15.9437 17.8542 15.816C18.1626 15.6882 18.5019 15.6548 18.8292 15.7199C19.1566 15.785 19.4572 15.9458 19.6932 16.1818C19.9292 16.4178 20.09 16.7184 20.1551 17.0458C20.2202 17.3731 20.1868 17.7124 20.059 18.0208C19.9313 18.3291 19.715 18.5927 19.4375 18.7781C19.16 18.9635 18.8338 19.0625 18.5 19.0625C18.0524 19.0625 17.6232 18.8847 17.3068 18.5682C16.9903 18.2518 16.8125 17.8226 16.8125 17.375ZM10.0625 17.375C10.0625 17.0412 10.1615 16.715 10.3469 16.4375C10.5323 16.16 10.7959 15.9437 11.1042 15.816C11.4126 15.6882 11.7519 15.6548 12.0792 15.7199C12.4066 15.785 12.7072 15.9458 12.9432 16.1818C13.1792 16.4178 13.34 16.7184 13.4051 17.0458C13.4702 17.3731 13.4368 17.7124 13.309 18.0208C13.1813 18.3291 12.965 18.5927 12.6875 18.7781C12.41 18.9635 12.0838 19.0625 11.75 19.0625C11.3024 19.0625 10.8732 18.8847 10.5568 18.5682C10.2403 18.2518 10.0625 17.8226 10.0625 17.375ZM23.5625 17.375C23.5625 17.0412 23.6615 16.715 23.8469 16.4375C24.0323 16.16 24.2959 

115.9437 24.6042 15.816C24.9126 15.6882 25.2519 15.6548 25.5792 15.7199C25.9066 15.785 26.2072 15.9458 26.4432 16.1818C26.6792 16.4178 26.84 16.7184 26.9051 17.0458C26.9702 17.3731 26.9368 17.7124 26.809 18.0208C26.6813 18.3291 26.465 18.5927 26.1875 18.7781C25.91 18.9635 25.5838 19.0625 25.25 19.0625C24.8024 19.0625 24.3732 18.8847 24.0568 18.5682C23.7403 18.2518 23.5625 17.8226 23.5625 17.375Z"}),(0,i.jsx)(nd,{children:"의사소통이 원활해요"}),(0,i.jsx)(na,{children:g})]}),(0,i.jsxs)(nu,{onClick:A,onMouseEnter:()=>P("tool"),badgeCheck:j,badge:"tool",children:[(0,i.jsx)(v,{d:"M24.7196 18.5L30.6821 12.5375C31.4393 11.7804 31.4393 10.6446 30.6821 9.8875L26.7071 5.9125C25.95 5.15536 24.8143 5.15536 24.0571 5.9125L18 11.7804L12.0375 5.81786C11.2804 5.06071 10.1446 5.06071 9.3875 5.81786L5.31786 9.79286C4.56071 10.55 4.56071 11.6857 5.31786 12.4429L11.2804 18.5L4.75 25.0304V31.75H11.4696L18 25.2196L23.9625 31.1821C24.7196 31.9393 25.8554 31.9393 26.6125 31.1821L30.5875 27.2071C31.3446 26.45 31.3446 25.3143 30.5875 24.5571L24.7196 18.5ZM25.3821 7.14286L29.3571 11.1179L23.3946 17.0804L19.4196 13.1054L25.3821 7.14286ZM10.6179 29.8571H6.64286V25.8821L12.6054 19.9196L16.5804 23.8946L10.6179 29.8571ZM25.3821 29.8571L6.64286 11.1179L10.6179 7.14286L13.9304 10.4554L11.9429 12.4429L13.2679 13.7679L15.2554 11.7804L19.2304 15.7554L17.2429 17.7429L18.5679 19.0679L20.5554 17.0804L24.5304 21.0554L22.7321 23.1375L24.0571 24.4625L26.0446 22.475L29.3571 25.7875L25.3821 29.8571Z"}),(0,i.jsx)(nd,{children:"구현도가 높아요"}),(0,i.jsx)(na,{children:x})]})]}),w!==r&&(0,i.jsx)($,{userId:w,profileId:r}),(0,i.jsx)(T,{profileId:r})]}),l&&(0,i.jsx)(F.Z,{bodyText:"로그인하시겠습니까?",leftText:"취소",rightText:"로그인",onClickLeft:()=>c(!1),onClickRight:()=>t.push("/auth/login")})]})},nc=l.ZP.div.withConfig({componentId:"sc-30f6e577-0"})(ne()),ns=l.ZP.ul.withConfig({componentId:"sc-30f6e577-1"})(nt()),nu=l.ZP.li.withConfig({componentId:"sc-30f6e577-2"})(nr(),n=>{let{theme:e,badgeCheck:t,badge:r}=n;return e.colors[t.includes(r)?"primary6":"gray3"]},n=>{let{theme:e,badgeCheck:t,badge:r}=n;return t.includes(r)&&"fill: ".concat(e.colors.primary6)},n=>{let{theme:e}=n;return e.colors.primary6},n=>{let{theme:e}=n;return e.colors.primary6}),nd=l.ZP.p.withConfig({componentId:"sc-30f6e577-3"})(ni(),n=>n.theme.fonts.body14),na=l.ZP.p.withConfig({componentId:"sc-30f6e577-4"})(no(),n=>n.theme.fonts.subtitle18En);var nf=t(25493),nh=t(10344);let nm=n=>/^[0]{1}[1]{1}[0]{1}[0-9]{8}/.test(n);var ng=t(72113);function np(){let n=(0,r.Z)(["\n  all: unset;\n  ","\n  height: 2.125rem;\n  padding: 0 1rem;\n  border-radius: 0.25rem;\n  cursor: pointer;\n  color: ",";\n  background-color: ",";\n"]);return np=function(){return n},n}let nx=l.ZP.button.withConfig({componentId:"sc-25517e73-0"})(np(),n=>n.theme.fonts.body14En,n=>{let{active:e,theme:t}=n;return e?t.colors.white:t.colors.gray6},n=>n.theme.colors.gray8);function nC(){let n=(0,r.Z)(["\n  padding: 3rem 2.5rem;\n  border: 1px solid ",";\n  background-color: ",";\n  box-shadow: 0 0.25rem 0.625rem rgba(0, 0, 0, 0.25);\n  border-radius: 0.5rem;\n  color: ",";\n  width: 100%;\n  display: flex;\n  flex-direction: column;\n  gap: 2rem;\n"]);return nC=function(){return n},n}function nj(){let n=(0,r.Z)(["\n  ","\n  color: ",";\n"]);return nj=function(){return n},n}function nZ(){let n=(0,r.Z)(["\n  display: flex;\n  flex-direction: column;\n  gap: ","rem;\n  padding: 0 1.5rem;\n"]);return nZ=function(){return n},n}let nw=n=>{let{title:e,children:t,rowGap:r=32}=n;return(0,i.jsxs)(nb,{children:[e&&(0,i.jsx)(ny,{children:e}),(0,i.jsx)(nv,{rowGap:r,children:t})]})},nb=l.ZP.div.withConfig({componentId:"sc-dd2cadd8-0"})(nC(),n=>n.theme.colors.gray7,n=>n.theme.colors.gray9,n=>n.theme.colors.white),ny=l.ZP.div.withConfig({componentId:"sc-dd2cadd8-1"})(nj(),n=>n.theme.fonts.subtitle18Bold,n=>n.theme.colors.gray5),nv=l.ZP.div.withConfig({componentId:"sc-dd2cadd8-2"})(nZ(),n=>n.rowGap/16);function nP(){let n=(0,r.Z)(["\n  display: flex;\n  flex-direction: column;\n  gap: 1.5rem;\n"]);return nP=function(){return n},n}function n_(){let n=(0,r.Z)(["\n  ","\n  color: ",";\n"]);return n_=function(){return n},n}function nI(){let n=(0,r.Z)(["\n  display: flex;\n  flex-direction: column;\n  gap: 2rem;\n"]);return nI=function(){return n},n}function nk(){let n=(0,r.Z)(["\n  display: flex;\n  align-items: center;\n  gap: 1rem;\n"]);return nk=function(){return n},n}function nL(){let n=(0,r.Z)(["\n  ","\n  width: 11.5rem;\n  color: ",";\n"]);return nL=function(){return n},n}function nS(){let n=(0,r.Z)(["\n  ","\n  color: ",";\n"]);return nS=function(){return n},n}function nE(){let n=(0,r.Z)(["\n  ","\n  color: ",";\n"]);return nE=function(){return n},n}function nM(){let n=(0,r.Z)(["\n  display: flex;\n  justify-content: right;\n  gap: 0.75rem;\n"]);return nM=function(){return n},n}let nz=()=>{var n,e;let t=(0,nh.Zl)(nf.fX),r=(0,u.useRouter)(),o=null==r?void 0:null===(n=r.query)||void 0===n?void 0:null===(e=n.userId)||void 0===e?void 0:e[0],{profileData:l}=(0,A.G)(o),{profileData:c}=(0,A.G)();return l?(0,i.jsxs)(nF,{children:[(0,i.jsx)(nw,{title:"자기소개",children:(0,i.jsx)(nV,{children:l.self_profile})}),(0,i.jsx)(nw,{title:"기본정보",children:(0,i.jsxs)(nH,{children:[(0,i.jsxs)(nG,{children:[(0,i.jsx)(nN,{children:"이름*"}),(0,i.jsx)(nT,{children:l.user_name})]}),(0,i.jsxs)(nG,{children:[(0,i.jsx)(nN,{children:"이메일*"}),(0,i.jsx)(nT,{children:l.contact_email})]}),(0,i.jsxs)(nG,{children:[(0,i.jsx)(nN,{children:"성별"}),"선택안함"===l.gender?(0,i.jsx)(nD,{children:"선택안함"}):(0,i.jsx)(nT,{children:l.gender})]}),(0,i.jsxs)(nG,{children:[(0,i.jsx)(nN,{children:"출생년도"}),l.birth_year===new Date().getFullYear().toString()?(0,i.jsx)(nD,{children:"선택안함"}):(0,i.jsx)(nT,{children:l.birth_year})]}),(0,i.jsxs)(nG,{children:[(0,i.jsx)(nN,{children:"휴대폰번호"}),"01000000000"===l.phone?(0,i.jsx)(nD,{children:"비어있음"}):(0,i.jsx)(nT,{children:l.phone})]})]})}),(0,i.jsx)(nw,{title:"개발자 정보",children:(0,i.jsxs)(nH,{children:[(0,i.jsxs)(nG,{children:[(0,i.jsx)(nN,{children:"포지션"}),(0,i.jsx)(d.$G,{tagItems:null==l?void 0:l.field,color:"white"})]}),(0,i.jsxs)(nG,{children:[(0,i.jsx)(nN,{children:"기술스택"}),(0,i.jsx)(d.$G,{tagItems:null==l?void 0:l.skills})]}),(0,i.jsxs)(nG,{children:[(0,i.jsx)(nN,{children:"깃허브 주소"}),""===l.github?(0,i.jsx)(nD,{children:"비어있음"}):(0,i.jsx)(nT,{children:l.github})]})]})}),(0,i.jsx)(nU,{children:c.user_id!==o&&o?null:(0,i.jsx)(d.KM,{text:"수정하기",buttonType:"default",size:"m",onClick:()=>t(!0)})})]}):(0,i.jsx)("div",{children:"Error"})},nF=l.ZP.div.withConfig({componentId:"sc-5d425d69-0"})(nP()),nV=l.ZP.div.withConfig({componentId:"sc-5d425d69-1"})(n_(),n=>n.theme.fonts.body16,n=>n.theme.colors.white),nH=l.ZP.div.withConfig({componentId:"sc-5d425d69-2"})(nI()),nG=l.ZP.div.withConfig({componentId:"sc-5d425d69-3"})(nk()),nN=l.ZP.p.withConfig({componentId:"sc-5d425d69-4"})(nL(),n=>n.theme.fonts.body16,n=>n.theme.colors.gray3),nT=l.ZP.div.withConfig({componentId:"sc-5d425d69-5"})(nS(),n=>n.theme.fonts.subtitle16,n=>

1n.theme.colors.white),nD=l.ZP.div.withConfig({componentId:"sc-5d425d69-6"})(nE(),n=>n.theme.fonts.subtitle16,n=>n.theme.colors.gray5),nU=l.ZP.div.withConfig({componentId:"sc-5d425d69-7"})(nM());function nA(){let n=(0,r.Z)(["\n  display: flex;\n  flex-direction: row;\n  flex-grow: 1;\n  filter: drop-shadow(0px 0.25rem 0.625rem rgba(0, 0, 0, 0.25));\n"]);return nA=function(){return n},n}function nR(){let n=(0,r.Z)(["\n  border: none;\n  cursor: pointer;\n  flex-grow: 1;\n  height: 2.75rem;\n  font-size: 1rem;\n  color: ",";\n  background-color: ",";\n  :first-child {\n    border-top-left-radius: 0.75rem;\n    border-bottom-left-radius: 0.75rem;\n  }\n  :last-child {\n    border-top-right-radius: 0.75rem;\n    border-bottom-right-radius: 0.75rem;\n  }\n"]);return nR=function(){return n},n}let nq=()=>{let{profileData:n}=(0,A.G)(),[e,t]=(0,nh.FV)(nf.o3);(0,o.useEffect)(()=>{t(null==n?void 0:n.gender)},[]);let r=n=>{t(n)};return(0,i.jsx)(nB,{children:["남자","여자","선택안함"].map(n=>(0,i.jsx)(nK,{active:e===n,onClick:()=>r(n),children:n},n))})},nB=l.ZP.div.withConfig({componentId:"sc-98fbc63b-0"})(nA()),nK=l.ZP.button.withConfig({componentId:"sc-98fbc63b-1"})(nR(),n=>{let{active:e,theme:t}=n;return e?t.colors.black:t.colors.white},n=>{let{active:e,theme:t}=n;return e?t.colors.primary6:t.colors.gray8});function nY(){let n=(0,r.Z)(["\n  ","\n  all: unset;\n  height: 2.5rem;\n  flex-grow: 1;\n  padding: 0 1rem;\n  color: ",";\n\n  align-items: center;\n  box-sizing: border-box;\n\n  ::placeholder {\n    color: ",";\n  }\n\n  :focus {\n    border-bottom: 1px solid ",";\n  }\n  border-bottom: 1px solid ",";\n"]);return nY=function(){return n},n}let nQ=n=>{let{type:e}=n,t=[],{profileData:r}=(0,A.G)(),[l,c]=(0,nh.FV)(nf.ev),[s,u]=(0,nh.FV)(nf.$8);(0,o.useEffect)(()=>{var n,e;c(null!==(n=r.birth_year)&&void 0!==n?n:new Date().getFullYear().toString()),u(null!==(e=r.career)&&void 0!==e?e:"신입")},[c,u,r.birth_year,r.career]);let d=Array.from({length:new Date().getFullYear()-1950+1},(n,e)=>new Date().getFullYear()-e);if("birth_year"===e&&(t.push("선택안함"),d.forEach(n=>t.push(n))),"career"===e){t.push("신입");for(let n=1;n<20;n+=1)t.push("".concat(n,"년차"));t.push("20년차 이상")}let a=n=>{"birth_year"===e&&c(n.target.value),"career"===e&&u(n.target.value)};return(0,i.jsx)(nX,{onChange:a,defaultValue:"birth_year"===e?l:s,children:t.map(n=>n===l?(0,i.jsx)("option",{value:n,selected:!0,children:n},n):(0,i.jsx)("option",{value:n,children:n},n))})},nX=l.ZP.select.withConfig({componentId:"sc-b01bfede-0"})(nY(),n=>n.theme.fonts.body14Medium,n=>n.theme.colors.white,n=>n.theme.colors.gray6,n=>n.theme.colors.white,n=>n.theme.colors.gray7);function n$(){let n=(0,r.Z)(["\n  display: flex;\n  flex-direction: column;\n  gap: 1.5rem;\n"]);return n$=function(){return n},n}function nO(){let n=(0,r.Z)(["\n  display: flex;\n  flex-direction: row;\n  flex-wrap: wrap;\n  gap: 0.5rem;\n  align-items: center;\n"]);return nO=function(){return n},n}function nJ(){let n=(0,r.Z)(["\n  display: flex;\n  flex-direction: row;\n  gap: 0.75rem;\n  align-items: center;\n  height: 3.75rem;\n"]);return nJ=function(){return n},n}function nW(){let n=(0,r.Z)(["\n  display: flex;\n  gap: 1rem;\n  justify-content: right;\n"]);return nW=function(){return n},n}function n1(){let n=(0,r.Z)(["\n  color: ",";\n  font-size: 1rem;\n  opacity: ",";\n  transition: opacity 0.5s;\n"]);return n1=function(){return n},n}function n0(){let n=(0,r.Z)(["\n  color: ",";\n  font-size: 1rem;\n  margin-left: 8rem;\n  opacity: ",";\n  transition: opacity 0.5s;\n"]);return n0=function(){return n},n}function n2(){let n=(0,r.Z)(["\n  ","\n  min-width: 11.5rem;\n  color: ",";\n"]);return n2=function(){return n},n}let n5=["Back-end","Front-end","Full-stack","Android","iOS","Flutter","React Native","AI","Big Data"],n3=()=>{var n,e,t,r,l;let c=(0,nh.Zl)(nf.fX),{profileData:s,updateProfileData:u}=(0,A.G)(),a=(0,nh.Zl)(nf.Qk),f=(0,nh.Zl)(nf.tK),[h,m]=(0,nh.FV)(nf.vr),[g,p]=(0,nh.FV)(nf.Yy),x=(0,nh.Zl)(nf.$8),[C,j]=(0,nh.FV)(nf.ev),[Z,w]=(0,nh.FV)(nf.o3),[b,y]=(0,o.useState)(!1),[v,P]=(0,o.useState)(!1),[_,I

1]=(0,o.useState)(""),[k,L]=(0,o.useState)(""),[S,E]=(0,o.useState)(""),[M,z]=(0,o.useState)(""),F=(0,o.useCallback)(async()=>{a(s.phone),f(s.is_public),m(s.field),p(s.skills),x(s.career),j(s.birth_year),w(s.gender)},[s]);(0,o.useEffect)(()=>{s||(a("01000000000"),f(!0),m([]),p([]),x("신입"),j("2000"),w("선택안함")),F()},[]);let{inputValues:V,handleInputChange:H}=(0,U.Gl)({userName:null!==(n=s.user_name)&&void 0!==n?n:"",contactEmail:null!==(e=s.contact_email)&&void 0!==e?e:"",selfProfile:null!==(t=s.self_profile)&&void 0!==t?t:"",phoneNumber:null!==(r=s.phone)&&void 0!==r?r:"",github:null!==(l=s.github)&&void 0!==l?l:""});if(!s)return(0,i.jsx)("div",{children:"Error"});let G=n=>{if(null==h?void 0:h.includes(n)){let e=null==h?void 0:h.filter(e=>e!==n);m(e)}else m(e=>e?[...e,n]:[n])},N=async()=>{if(!V.selfProfile||!V.userName||(0,ng.oP)(V.contactEmail)||!nm(V.phoneNumber)||0===h.length||0===g.length){V.selfProfile?I(""):I("자기소개가 비어있어요."),V.userName?L(""):L("이름이 비어있어요."),(0,ng.oP)(V.contactEmail)?E("이메일의 형식을 확인해주세요."):E(""),nm(V.phoneNumber)?z(""):z("전화번호 형식이 아니에요."),0===h.length?y(!0):y(!1),0===g.length?P(!0):P(!1);return}c(!1);try{let n={...s,phone:V.phoneNumber,field:h,skills:g,birth_year:C,gender:Z,user_name:V.userName,contact_email:V.contactEmail,self_profile:V.selfProfile,github:V.github};u(n)}catch(n){n instanceof Error&&console.log(n.message)}};return(0,i.jsxs)(n8,{children:[(0,i.jsx)(nw,{title:"자기소개",rowGap:24,children:(0,i.jsx)(d.II,{value:V.selfProfile,onChange:H("selfProfile"),errorMessage:_})}),(0,i.jsx)(nw,{title:"기본 정보",rowGap:24,children:(0,i.jsxs)(i.Fragment,{children:[(0,i.jsxs)(n9,{children:[(0,i.jsx)(ee,{children:"이름"}),(0,i.jsx)(d.II,{value:V.userName,onChange:H("userName"),errorMessage:k})]}),(0,i.jsxs)(n9,{children:[(0,i.jsx)(ee,{children:"이메일"}),(0,i.jsx)(d.II,{value:V.contactEmail,onChange:H("contactEmail"),errorMessage:S}

1)]}),(0,i.jsxs)(n9,{children:[(0,i.jsx)(ee,{children:"성별"}),(0,i.jsx)(nq,{})]}),(0,i.jsxs)(n9,{children:[(0,i.jsx)(ee,{children:"출생년도"}),(0,i.jsx)(nQ,{type:"birth_year"})]}),(0,i.jsxs)(n9,{children:[(0,i.jsx)(ee,{children:"휴대전화"}),(0,i.jsx)(d.II,{type:"tel",value:V.phoneNumber,onChange:H("phoneNumber"),placeholder:"‘-’없이 11자리를 입력하세요",errorMessage:M})]})]})}),(0,i.jsx)(nw,{title:"개발자 정보",rowGap:24,children:(0,i.jsxs)(i.Fragment,{children:[(0,i.jsxs)(nG,{children:[(0,i.jsx)(ee,{children:"포지션"}),(0,i.jsxs)(n7,{children:[n5.map(n=>(0,i.jsx)(nx,{onClick:()=>G(n),active:null==h?void 0:h.includes(n),children:n},n)),(0,i.jsx)(n4,{isEmptyField:b,children:"필드를 선택해주세요."})]})]}),(0,i.jsxs)(nG,{children:[(0,i.jsx)(ee,{children:"스킬"}),(0,i.jsx)(d.Q0,{text:"스택 입력",editSkills:g,setEditSkills:p})]}),(0,i.jsx)(en,{isEmptySkills:v,children:"스킬을 입력해주세요. (예: React, Node.js, Python)"}),(0,i.jsxs)(n9,{children:[(0,i.jsx)(ee,{children:"깃허브 주소"}),(0,i.jsx)(d.II,{value:V.github,onChange:H("github"),placeholder:"https://github.com/user"})]})]})}),(0,i.jsxs)(n6,{children:[(0,i.jsx)(d.KM,{text:"취소",buttonType:"line",size:"m",onClick:()=>c(!1)}),(0,i.jsx)(d.KM,{text:"저장",buttonType:"default",size:"m",onClick:()=>N()})]})]})},n8=l.ZP.div.withConfig({componentId:"sc-d31fe344-0"})(n$()),n7=l.ZP.div.withConfig({componentId:"sc-d31fe344-1"})(nO()),n9=l.ZP.div.withConfig({componentId:"sc-d31fe344-2"})(nJ()),n6=l.ZP.div.withConfig({componentId:"sc-d31fe344-3"})(nW()),n4=l.ZP.span.withConfig({componentId:"sc-d31fe344-4"})(n1(),n=>{let{theme:e}=n;return e.colors.messageError},n=>{let{isEmptyField:e}=n;return e?1:0}),en=l.ZP.span.withConfig({componentId:"sc-d31fe344-5"})(n0(),n=>{let{theme:e}=n;return e.colors.messageError},n=>{let{isEmptySkills:e}=n;return e?1:0}),ee=l.ZP.p.withConfig({componentId:"sc-d31fe344-6"})(n2(),n=>n.theme.fonts.body16,n=>n.theme.colors.gray3);var et=t(60071),er=t.n(et);function ei(){let n=(0,r.Z)(["\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n  height: 18.75rem;\n  p {\n    margin-top: 1.5rem;\n    color: grey;\n    font-size: 1.5rem;\n  }\n"]);return ei=function(){return n},n}let eo=()=>(0,i.jsxs)(el,{children:[(0,i.jsx)(er(),{src:"/icons/private.svg",alt:"비공개 아이콘",width:40,height:52.5}),(0,i.jsx)("p",{children:"비공개 프로필입니다."})]}),el=l.ZP.div.withConfig({componentId:"sc-a4e8f787-0"})(ei()),ec=n=>{let{isPrivate:e=!1}=n,t=(0,nh.sJ)(nf.fX);return e?(0,i.jsx)(eo,{}):t?(0,i.jsx)(n3,{}):(0,i.jsx)(nz,{})};var es=t(56159),eu=t(12691),ed=t.n(eu),ea={src:"/_next/static/media/ico-photo.5554835e.svg",height:24,width:24},ef=t(39402),eh=t(16373),em=t(2842);let eg=n=>{let{profileData:e,updateProfileData:t}=(0,A.G)(),r=async r=>{let i=r.target.files;if(!i)return;let o=await (0,em.Z)(i[0]);if(!o)return;let l=new FileReader;l.readAsDataURL(o),l.onload=async r=>{var i;let o=null===(i=r.target)||void 0===i?void 0:i.result;if("string"!=typeof o)return;let l=await (0,ef.Z)(o),c=await (0,eh.Z)(l,"profile_image"===n?"profile-image":"background-image");c&&t({...e,[n]:c})}};return{handleImage:r}};function ep(){let n=(0,r.Z)(["\n  position: relative;\n"]);return ep=function(){return n},n}function ex(){let n=(0,r.Z)(["\n  display: flex;\n  justify-content: center;\n\n  width: 100vw;\n  height: 11.25rem;\n  background-color: ",";\n  position: relative;\n"]);return ex=function(){return n},n}function eC(){let n=(0,r.Z)(["\n  min-width: 100vw;\n  min-height: 11.25rem;\n  object-fit: cover;\n  opacity: 80%;\n"]);return eC=function(){return n},n}function ej(){let n=(0,r.Z)(["\n  position: absolute;\n  right: 2.5rem;\n  bottom: 1.25rem;\n  z-index: 1;\n  visibility: ",";\n"]);return ej=function(){return n},n}function eZ(){let n=(0,r.Z)(["\n  cursor: pointer;\n"]);return eZ=function(){return n},n}function ew(){let n=(0,r.Z)(["\n  opacity: 0;\n  width: 0;\n  height: 0;\n"]);return ew=function(){return n},n}let eb=n=>{let{src:e="",alt:t="프로필 배경이미지",checkProfileAuthorization:r=!1}=n,{handleImage:o}=eg("background_image");return e?(0,i.jsxs)(ey,{children:[(0,i.jsx)(eP,{src:e,alt:t,sizes:"100vw",width:100,height:180}),(0,i.jsxs)(e_,{htmlFor:"title-background-image",checkProfileAuthorization:r,children:[(0,i.jsx)(eI,{src:ea,alt:"배경 사진 지정 아이콘",width:36,height:36}),(0,i.jsx)(ek,{id:"title-background-image",type:"file",accept:"image/*",onChange:o})]})]}):(0,i.jsx)(ev,{children:(0,i.jsxs)(e_,{htmlFor:"title-background-image",checkProfileAuthorization:r,children:[(0,i.jsx)(eI,{src:ea,alt:"배경 사진 지정 아이콘",width:36,height:36}),(0,i.jsx)(ek,{id:"title-background-image",type:"file",accept:"image/*",onChange:o})]})})},ey=l.ZP.div.withConfig({componentId:"sc-7c4f351-0"})(ep()),ev=l.ZP.div.withConfig({componentId:"sc-7c4f351-1"})(ex(),n=>n.theme.colors.gray9),eP=(0,l.ZP)(er()).withConfig({componentId:"sc-7c4f351-2"})(eC()),e_=l.ZP.label.withConfig({componentId:"sc-7c4f351-3"})(ej(),n=>n.checkProfileAuthorization?"visible":"hidden"),eI=(0,l.ZP)(er()).withConfig({componentId:"sc-7c4f351-4"})(eZ()),ek=l.ZP.input.withConfig({componentId:"sc-7c4f351-5"})(ew());function eL(){let n=(0,r.Z)(["\n  width: 100vw;\n  margin-bottom: 5rem;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n"]);return eL=function(){return n},n}

1function eS(){let n=(0,r.Z)(["\n  max-width: 58.75rem;\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  position: relative;\n"]);return eS=function(){return n},n}function eE(){let n=(0,r.Z)(["\n  position: absolute;\n  top: -3.25rem;\n"]);return eE=function(){return n},n}function eM(){let n=(0,r.Z)(["\n  display: none;\n"]);return eM=function(){return n},n}function ez(){let n=(0,r.Z)(["\n  cursor: pointer;\n  position: absolute;\n  right: -0.375rem;\n  bottom: -0.375rem;\n  z-index: 1;\n  visibility: ",";\n"]);return ez=function(){return n},n}function eF(){let n=(0,r.Z)(["\n  margin: 4rem 0 0;\n  display: flex;\n  flex-direction: column;\n"]);return eF=function(){return n},n}function eV(){let n=(0,r.Z)(["\n  width: 2.25rem;\n  height: 2.25rem;\n  cursor: pointer;\n  fill: "," !important;\n"]);return eV=function(){return n},n}function eH(){let n=(0,r.Z)(["\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  padding: 0 1.5rem;\n  height: 2.25rem;\n  margin: 0 0 2.5rem;\n"]);return eH=function(){return n},n}function eG(){let n=(0,r.Z)(["\n  display: flex;\n  gap: 0.75rem;\n  align-items: center;\n"]);return eG=function(){return n},n}function eN(){let n=(0,r.Z)(["\n  font-size: 1.5rem;\n  color: ",";\n"]);return eN=function(){return n},n}function eT(){let n=(0,r.Z)(["\n  color: ",";\n  ","\n"]);return eT=function(){return n},n}function eD(){let n=(0,r.Z)(["\n  padding: 1rem 1.5rem;\n  border-radius: 0.5rem;\n  border: 1px solid ",";\n  line-height: 1.5rem;\n  width: 58.75rem;\n  color: ",";\n  ","\n  text-align: justify;\n"]);return eD=function(){return n},n}function eU(){let n=(0,r.Z)(["\n  width: 7.5rem !important;\n  height: 7.5rem !important;\n  padding: 8.6875rem;\n  margin: 2.5rem 0 3.875rem;\n"]);return eU=function(){return n},n}let eA=n=>{let{profileUserId:e}=n,{profileData:t}=(0,A.G)(e),r=(0,nh.Zl)(nf.G$),{handleImage:o}=eg("profile_image"),l=(0,nh.Zl)(nf.fX),{data:c}=(0,_.a)(["CURRENT_USER"],S.PR);if(!t.id||!t.user_id)return(0,i.jsx)(eR,{children:(0,i.jsx)(e0,{color:"#3DDFE9",margin:4,size:16,speedMultiplier:1})});let s=()=>!!c&&!!t&&t.user_id===(null==c?void 0:c.id),u=()=>{r(3),l(!0)};return(0,i.jsxs)(eR,{children:[(0,i.jsx)(eb,{src:t.background_image,checkProfileAuthorization:s()}),(0,i.jsxs)(eq,{children:[(0,i.jsxs)(eB,{children:[(0,i.jsxs)("label",{htmlFor:"user_profile",children:[s()?(0,i.jsx)(eK,{type:"file",accept:"image/*",onChange:o,multiple:!1,id:"user_profile"}):null,(0,i.jsx)(d.m1,{alt:"유저 프로필",page:"myPage",src:t.profile_image})]}),(0,i.jsx)(eY,{onClick:u,checkProfileAuthorization:s(),children:(0,i.jsx)(er(),{src:"/icons/ico-edit.svg",alt:"편집 아이콘",width:"36",height:"36"})})]}),(0,i.jsx)(eQ,{children:(0,i.jsxs)(i.Fragment,{children:[(0,i.jsxs)(e$,{children:[(0,i.jsxs)(eO,{children:[(0,i.jsx)(eJ,{children:t.user_name}),(0,i.jsx)(eW,{children:t.contact_email}),(0,i.jsx)(d.$G,{tagItems:t.field,color:"white"})]}),t.github?(0,i.jsx)(ed(),{href:t.github||"",children:(0,i.jsx)(eX,{src:"/icons/github.svg",width:36,height:36,alt:"깃허브 주소"})}):(0,i.jsx)("div",{children:" "})]}),(0,i.jsx)(e1,{children:t.self_profile})]})})]})]})},eR=l.ZP.div.withConfig({componentId:"sc-fc47cbd8-0"})(eL()),eq=l.ZP.div.withConfig({componentId:"sc-fc47cbd8-1"})(eS()),eB=l.ZP.div.withConfig({componentId:"sc-fc47cbd8-2"})(eE()),eK=l.ZP.input.withConfig({componentId:"sc-fc47cbd8-3"})(eM()),eY=l.ZP.div.withConfig({componentId:"sc-fc47cbd8-4"})(ez(),n=>n.checkProfileAuthorization?"visible":"hidden"),eQ=l.ZP.div.withConfig({componentId:"sc-fc47cbd8-5"})(eF()),eX=(0,l.ZP)(er()).withConfig({componentId:"sc-fc47cbd8-6"})(eV(),n=>n.theme.colors.white),e$=l.ZP.div.withConfig({componentId:"sc-fc47cbd8-7"})(eH()),eO=l.ZP.div.withConfig({componentId:"sc-fc47cbd8-8"})(eG()),eJ=l.ZP.p.withConfig({componentId:"sc-fc47cbd8-9"})(eN(),n=>n.theme.colors.white),eW=l.ZP.p.withConfig({componentId:"sc-fc47cbd8-10"})(eT(),n=>n.theme.colors.gray4,n=>n.theme.fonts.body16),e1=l.ZP.div.withConfig({componentId:"sc-fc47cbd8-11"})(eD(),n=>n.theme.colors.gray7,n=>n.theme.colors.white,n=>n.theme.fonts.body16),e0=(0,l.ZP)(es.Z).withConfig({componentId:"sc-fc47cbd8-12"})(eU());

1function e2(){let n=(0,r.Z)(["\n  width: 58.75rem;\n"]);return e2=function(){return n},n}function e5(){let n=(0,r.Z)(["\n  ","\n  color: ",";\n  width: 100%;\n  padding: 5.25rem 0;\n  text-align: center;\n"]);return e5=function(){return n},n}let e3=()=>{var n,e;let[t,r]=(0,nh.FV)(nf.G$),[l,c]=(0,o.useState)(""),[s,d]=(0,o.useState)([]),[a,f]=(0,o.useState)([]),m=(0,nh.sJ)(nf.XJ),g=(0,u.useRouter)(),p=null==g?void 0:null===(n=g.query)||void 0===n?void 0:null===(e=n.userId)||void 0===e?void 0:e[0],{profileData:C}=(0,A.G)(p),j=["프로젝트","칭찬배지","프로필"];p&&p!==C.user_id||(j=["프로젝트","북마크","좋아요","칭찬배지","프로필"]),(0,_.a)(["currentUser"],{queryFn:S.ts,onSuccess(n){let{data:{user:e}}=n;e&&c(e.id)}});let{data:w}=(0,_.a)(["GET_POSTS"],S.Bd),b=n=>{r(n)};(0,o.useEffect)(()=>{!C.user_id||(m&&!p&&g.push("/profile/".concat(C.user_id)),m||p||g.push("/auth/login"))},[]);let y=(0,o.useMemo)(()=>w?l!==p?w.filter(n=>n.user_id===p):l!==p&&p?[]:w.filter(n=>n.user_id===l):[],[w,l,p]),v=async()=>{await k.Z.from("bookmark").select("post_id").eq("user_id",l).then(n=>{if(n){if(null===n.data)return;let e=n.data.map(n=>n.post_id);f(e)}})},P=(0,o.useMemo)(()=>a?w?w.filter(n=>a.includes(n.id)):[]:w,[a,w]),I=async()=>{await k.Z.from("like").select("post_id").eq("user_id",l).then(n=>{if(n){if(null===n.data)return;let e=n.data.map(n=>n.post_id);d(e)}})},L=(0,o.useMemo)(()=>s?w?w.filter(n=>s.includes(n.id)):[]:w,[w,s]);(0,o.useEffect)(()=>{l&&(v(),I())},[l]);let E=(0,o.useMemo)(()=>{switch(t){case 0:default:return y;case 1:return P;case 2:return L}},[t,y,P,L]);if(!E)return(0,i.jsx)("div",{children:"에러"});let M=null;return M=t===j.length-1?(0,i.jsx)(ec,{}):t===j.length-2?(0,i.jsx)(nl,{}):(null==E?void 0:E.length)>0?(0,i.jsx)(h,{itemList:null!=E?E:[]}):(0,i.jsx)(e7,{children:"게시글이 없습니다."}),(0,i.jsxs)(x,{children:[(0,i.jsx)(eA,{profileUserId:p}),(0,i.jsx)(Z,{tabList:j,currentTab:t,onClick:b}),(0,i.jsx)(e8,{children:M})]})},e8=l.ZP.section.withConfig({componentId:"sc-1b45872e-0"})(e2()),e7=l.ZP.div.withConfig({componentId:"sc-1b45872e-1"})(e5(),n=>n.theme.fonts.title24,n=>n.theme.colors.gray7);var e9=e3},59841:function(n,e,t){"use strict";t.d(e,{Kz:function(){return c},UK:function(){return l}});var r=t(92705),i=t(20279);let o=i.env.NEXT_PUBLIC_AMPLITUDE_API_KEY,l=()=>{(0,r.S1)(o)},c=(n,e)=>{(0,r.j)(n,e)}},29287:function(n,e){"use strict";let t=n=>{let e=n.match(/https:\/\/[a-z0-9]+\.supabase\.co\/storage\/v1\/object\/public\/post-image\/[a-z0-9-]+\/[a-z0-9-]+/g);return e?e[0]:"/images/thumnail_default.webp"};e.Z=t},98869:function(n,e){"use strict";let t=n=>{let e=new Date(n),t=e.getFullYear(),r=e.getMonth()+1,i=e.getDate();return"".concat(t,".").concat(r,".").concat(i)};e.Z=t},72113:function(n,e,t){"use strict";t.d(e,{YY:function(){return o},oH:function(){return i},oP:function(){return r},yE:function(){return l}}),t(82857);let r=n=>""===n?"이메일을 입력해주세요.":/([\w-.]+)@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.)|(([\w-]+\.)+))([a-zA-Z]{2,4}|[0-9]{1,3})(\]?)$/.test(n)?"":"이메일 형식에 맞지 않는 메일 주소입니다. ",i=n=>""===n?"비밀번호를 입력해주세요.":n.length<8?"비밀번호는 8자리 이상입니다. ":"",o=(n,e)=>""===e?"비밀번호를 한번 더 입력해주세요.":n!==e?"비밀번호가 일치하지 않습니다.":"",l=n=>""===n?"이름을 입력해주세요.":n.length<2?"이름은 두글자 이상입니다. ":""},2842:function(n,e,t){"use strict";var r=t(73297);let i=async n=>{let e=await (0,r.Z)(n,{maxSizeMB:1,initialQuality:.55}).then(n=>n).catch(n=>console.log(n,"압축 에러"));return e};e.Z=i},39402:function(n,e){"use strict";e.Z=function(n){let e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"fileName.png";return fetch(n).then(n=>n.arrayBuffer()).then(n=>new File([n],e))}},16373:function(n,e,t){"use strict";var r=t(82857),i=t(65585);let o=async(n,e,t)=>{let o=(0,i.Z)();try{await r.Z.storage.from(e).upload(t||o,n);let{data:i}=await r.Z.storage.from(e).getPublicUrl(t||o);return i.publicUrl}catch(n){return""}};e.Z=o}},function(n){n.O(0,[297,774,888,179],function(){return n(n.s=10282)}),_N_E=n.O()}]);