diff --git a/assets/index-BIsCrfI2.css b/assets/index-Bi65iTJg.css similarity index 87% rename from assets/index-BIsCrfI2.css rename to assets/index-Bi65iTJg.css index 59a7d99..fe46c1b 100644 --- a/assets/index-BIsCrfI2.css +++ b/assets/index-Bi65iTJg.css @@ -1 +1 @@ -html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;box-sizing:border-box;text-decoration-line:none}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}body{font-family:Pretendard,sans-serif}._contents_1uftn_1{margin:0 auto;padding-top:340px;display:flex;justify-content:center;align-items:center;max-width:600px;width:90%}._circle_1uftn_21{width:190px;height:190px;background-color:#3700be;border-radius:190px;transform:translate(40px);display:flex;flex-direction:column;justify-content:center;align-items:center;gap:3px;transition:.2s}._circle_1uftn_21:hover{cursor:pointer;background-color:#1d4841}._circle_1uftn_21:hover>span{color:#f8d53b}._circleEng_1uftn_67{font-size:20px;font-weight:800;color:#f47d3c}._circleKor_1uftn_79{font-size:14px;color:#f47d3c;opacity:.8}._triangle_1uftn_91{width:210px;height:180px;background-color:#eeeade;clip-path:polygon(50% 0%,0% 100%,100% 100%);transform:translateY(50px);display:flex;flex-direction:column;justify-content:center;align-items:center;gap:3px;transition:.2s}._triangle_1uftn_91:hover{cursor:pointer;background-color:#f8f608}._triangle_1uftn_91:hover>span{color:#fc0300}._triangleEng_1uftn_137{padding-top:50px;font-size:20px;font-weight:800;letter-spacing:-.5px;color:#3201b2}._triangleKor_1uftn_153{font-size:14px;color:#3201b2}._square_1uftn_163{width:180px;height:180px;background-color:#7b3ddc;transform:rotate(-18deg) translate(-30px,-30px);display:flex;flex-direction:column;justify-content:center;align-items:center;gap:3px;transition:.2s}._square_1uftn_163:hover{cursor:pointer;background-color:#000}._square_1uftn_163:hover>span{color:#4ed52a}._squareEng_1uftn_207{font-size:20px;font-weight:800;letter-spacing:-.5px;color:#fff}._squareKor_1uftn_221{font-size:14px;color:#fff;opacity:.8}@media screen and (max-width: 800px){._contents_1uftn_1{flex-direction:column;padding-top:100px;padding-bottom:150px}._circle_1uftn_21{transform:translate(-30px,40px)}._triangle_1uftn_91{transform:rotate(15deg) translate(60px,-10px)}._square_1uftn_163{transform:rotate(-15deg) translateY(20px)}}._title_jb59c_1{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:130px 0;gap:5px}._titleLogo_jb59c_19{padding-bottom:20px}._titleLogo_jb59c_19>img{width:100px}._title_jb59c_1>span{font-size:1.5rem;font-weight:700;opacity:.8;letter-spacing:3px}._title_jb59c_1>p{font-size:.9rem;opacity:.5}._introContents_jb59c_59{margin:0 auto;width:90%;max-width:600px}._introContents_jb59c_59 h3{font-size:1.5rem;font-weight:600;padding-bottom:20px}._skillWrapper_jb59c_83>p{line-height:22px}._skillTitle_jb59c_91{display:inline-block;padding-top:10px;font-size:.9rem;opacity:.6}._skillWrapper_jb59c_83,._workWrapper_jb59c_107{padding-bottom:50px}._eduWrapper_jb59c_115{padding-bottom:150px}._skillWrapper_jb59c_83>p{padding:1rem}._workWrapper_jb59c_107 li,._eduWrapper_jb59c_115 li{padding:1rem;border:1px solid rgba(0,0,0,.2);border-radius:10px;margin-top:5px;display:flex;justify-content:space-between;align-items:center}._workWrapper_jb59c_107 li>span,._eduWrapper_jb59c_115 li>span{font-size:.8rem;opacity:.6}._wrapper_ehm0d_1{width:90%;max-width:600px;margin:0 auto}._title_ehm0d_13{font-size:1.5rem;font-weight:600;padding-bottom:20px}._projectDev_ehm0d_25{padding-top:200px}._projectDesig_ehm0d_33{padding-top:100px;padding-bottom:150px}._projectDev_ehm0d_25 li,._projectDesig_ehm0d_33 li{padding:1rem;border:1px solid rgba(0,0,0,.2);border-radius:10px;margin-top:5px;transition:.2s}._itemTop_ehm0d_61{display:flex;justify-content:space-between;align-items:center}._on_ehm0d_73 ._itemTop_ehm0d_61{padding-bottom:20px}._projectDev_ehm0d_25 li:hover,._projectDesig_ehm0d_33 li:hover{border:1px solid rgba(0,0,0,.4);cursor:pointer}._gdwebLogoWrapper_ehm0d_93{padding-left:10px}._gdwebLogo_ehm0d_93{width:10px}._date_ehm0d_109{font-size:.8rem;opacity:.6}._on_ehm0d_73 ._detail_ehm0d_119{display:block}._detail_ehm0d_119{display:none}._gdweb_ehm0d_93{font-size:.9rem;padding-bottom:8px;font-weight:700}._contribute_ehm0d_147{font-size:.9rem;opacity:.6}._gdwebNo_ehm0d_157{display:none}._link_ehm0d_165{text-decoration:none;color:#000}._siteBtn_ehm0d_175{width:100px;height:30px;border:1px solid rgba(0,0,0,.356);border-radius:50px;margin-top:30px;font-size:.8rem;display:flex;justify-content:center;align-items:center}._siteBtn_ehm0d_175:hover{border:1px solid black;cursor:pointer}._header_182ao_1{width:100%;position:fixed;top:0;box-shadow:1px 1px 5px #0000000d;background-color:#fff;z-index:9999}._link_182ao_19{text-decoration:none;color:inherit}._headerMain_182ao_29{width:100%;position:fixed;top:0;background-color:#fff;z-index:9999}._top_182ao_45{height:60px;display:flex;justify-content:center;align-items:center;gap:1rem;position:relative}._logo_182ao_63{position:absolute;top:50%;left:30px;transform:translateY(-50%)}._top_182ao_45>p{font-family:Playfair Display,serif;font-size:medium;font-style:italic}._menuWrapper_182ao_89{display:flex;position:absolute;top:50%;right:30px;transform:translateY(-50%);gap:10px}._menuWrapper_182ao_89 li{font-size:.9rem;opacity:.5}._menuWrapper_182ao_89 li:hover{cursor:pointer;opacity:1} +html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;box-sizing:border-box;text-decoration-line:none}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}body{font-family:Pretendard,sans-serif}._contents_1uftn_1{margin:0 auto;padding-top:340px;display:flex;justify-content:center;align-items:center;max-width:600px;width:90%}._circle_1uftn_21{width:190px;height:190px;background-color:#3700be;border-radius:190px;transform:translate(40px);display:flex;flex-direction:column;justify-content:center;align-items:center;gap:3px;transition:.2s}._circle_1uftn_21:hover{cursor:pointer;background-color:#1d4841}._circle_1uftn_21:hover>span{color:#f8d53b}._circleEng_1uftn_67{font-size:20px;font-weight:800;color:#f47d3c}._circleKor_1uftn_79{font-size:14px;color:#f47d3c;opacity:.8}._triangle_1uftn_91{width:210px;height:180px;background-color:#eeeade;clip-path:polygon(50% 0%,0% 100%,100% 100%);transform:translateY(50px);display:flex;flex-direction:column;justify-content:center;align-items:center;gap:3px;transition:.2s}._triangle_1uftn_91:hover{cursor:pointer;background-color:#f8f608}._triangle_1uftn_91:hover>span{color:#fc0300}._triangleEng_1uftn_137{padding-top:50px;font-size:20px;font-weight:800;letter-spacing:-.5px;color:#3201b2}._triangleKor_1uftn_153{font-size:14px;color:#3201b2}._square_1uftn_163{width:180px;height:180px;background-color:#7b3ddc;transform:rotate(-18deg) translate(-30px,-30px);display:flex;flex-direction:column;justify-content:center;align-items:center;gap:3px;transition:.2s}._square_1uftn_163:hover{cursor:pointer;background-color:#000}._square_1uftn_163:hover>span{color:#4ed52a}._squareEng_1uftn_207{font-size:20px;font-weight:800;letter-spacing:-.5px;color:#fff}._squareKor_1uftn_221{font-size:14px;color:#fff;opacity:.8}@media screen and (max-width: 800px){._contents_1uftn_1{flex-direction:column;padding-top:100px;padding-bottom:150px}._circle_1uftn_21{transform:translate(-30px,40px)}._triangle_1uftn_91{transform:rotate(15deg) translate(60px,-10px)}._square_1uftn_163{transform:rotate(-15deg) translateY(20px)}}._title_jb59c_1{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:130px 0;gap:5px}._titleLogo_jb59c_19{padding-bottom:20px}._titleLogo_jb59c_19>img{width:100px}._title_jb59c_1>span{font-size:1.5rem;font-weight:700;opacity:.8;letter-spacing:3px}._title_jb59c_1>p{font-size:.9rem;opacity:.5}._introContents_jb59c_59{margin:0 auto;width:90%;max-width:600px}._introContents_jb59c_59 h3{font-size:1.5rem;font-weight:600;padding-bottom:20px}._skillWrapper_jb59c_83>p{line-height:22px}._skillTitle_jb59c_91{display:inline-block;padding-top:10px;font-size:.9rem;opacity:.6}._skillWrapper_jb59c_83,._workWrapper_jb59c_107{padding-bottom:50px}._eduWrapper_jb59c_115{padding-bottom:150px}._skillWrapper_jb59c_83>p{padding:1rem}._workWrapper_jb59c_107 li,._eduWrapper_jb59c_115 li{padding:1rem;border:1px solid rgba(0,0,0,.2);border-radius:10px;margin-top:5px;display:flex;justify-content:space-between;align-items:center}._workWrapper_jb59c_107 li>span,._eduWrapper_jb59c_115 li>span{font-size:.8rem;opacity:.6}._wrapper_ehm0d_1{width:90%;max-width:600px;margin:0 auto}._title_ehm0d_13{font-size:1.5rem;font-weight:600;padding-bottom:20px}._projectDev_ehm0d_25{padding-top:200px}._projectDesig_ehm0d_33{padding-top:100px;padding-bottom:150px}._projectDev_ehm0d_25 li,._projectDesig_ehm0d_33 li{padding:1rem;border:1px solid rgba(0,0,0,.2);border-radius:10px;margin-top:5px;transition:.2s}._itemTop_ehm0d_61{display:flex;justify-content:space-between;align-items:center}._on_ehm0d_73 ._itemTop_ehm0d_61{padding-bottom:20px}._projectDev_ehm0d_25 li:hover,._projectDesig_ehm0d_33 li:hover{border:1px solid rgba(0,0,0,.4);cursor:pointer}._gdwebLogoWrapper_ehm0d_93{padding-left:10px}._gdwebLogo_ehm0d_93{width:10px}._date_ehm0d_109{font-size:.8rem;opacity:.6}._on_ehm0d_73 ._detail_ehm0d_119{display:block}._detail_ehm0d_119{display:none}._gdweb_ehm0d_93{font-size:.9rem;padding-bottom:8px;font-weight:700}._contribute_ehm0d_147{font-size:.9rem;opacity:.6}._gdwebNo_ehm0d_157{display:none}._link_ehm0d_165{text-decoration:none;color:#000}._siteBtn_ehm0d_175{width:100px;height:30px;border:1px solid rgba(0,0,0,.356);border-radius:50px;margin-top:30px;font-size:.8rem;display:flex;justify-content:center;align-items:center}._siteBtn_ehm0d_175:hover{border:1px solid black;cursor:pointer}._header_1k68y_1{width:100%;position:fixed;top:0;box-shadow:1px 1px 5px #0000000d;background-color:#fff;z-index:999}._link_1k68y_19{text-decoration:none;color:inherit}._headerMain_1k68y_29{width:100%;position:fixed;top:0;background-color:#fff;z-index:9999}._top_1k68y_45{height:60px;display:flex;justify-content:center;align-items:center;gap:1rem;position:relative}._logo_1k68y_63{position:absolute;top:50%;left:30px;transform:translateY(-50%)}._top_1k68y_45>p{font-family:Playfair Display,serif;font-size:medium;font-style:italic}._menuWrapper_1k68y_89{display:flex;position:absolute;top:50%;right:30px;transform:translateY(-50%);gap:10px}._menuWrapper_1k68y_89 li{font-size:.9rem;opacity:.5}._menuWrapper_1k68y_89 li:hover{cursor:pointer;opacity:1} diff --git a/assets/index-Bll2Lwyc.js b/assets/index-KnjflCZJ.js similarity index 98% rename from assets/index-Bll2Lwyc.js rename to assets/index-KnjflCZJ.js index eca7fa0..2080f0e 100644 --- a/assets/index-Bll2Lwyc.js +++ b/assets/index-KnjflCZJ.js @@ -67,43 +67,46 @@ Error generating stack: `+o.message+` */function cu(){return cu=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0)&&(n[l]=e[l]);return n}function f0(e){return!!(e.metaKey||e.altKey||e.ctrlKey||e.shiftKey)}function d0(e,t){return e.button===0&&(!t||t==="_self")&&!f0(e)}const p0=["onClick","relative","reloadDocument","replace","state","target","to","preventScrollReset","unstable_viewTransition"],h0="6";try{window.__reactRouterVersion=h0}catch{}const m0="startTransition",$a=ap[m0];function v0(e){let{basename:t,children:n,future:r,window:l}=e,o=P.useRef();o.current==null&&(o.current=km({window:l,v5Compat:!0}));let i=o.current,[u,s]=P.useState({action:i.action,location:i.location}),{v7_startTransition:a}=r||{},h=P.useCallback(p=>{a&&$a?$a(()=>s(p)):s(p)},[s,a]);return P.useLayoutEffect(()=>i.listen(h),[i,h]),P.createElement(s0,{basename:t,children:n,location:u.location,navigationType:u.action,navigator:i,future:r})}const g0=typeof window<"u"&&typeof window.document<"u"&&typeof window.document.createElement<"u",y0=/^(?:[a-z][a-z0-9+.-]*:|\/\/)/i,kr=P.forwardRef(function(t,n){let{onClick:r,relative:l,reloadDocument:o,replace:i,state:u,target:s,to:a,preventScrollReset:h,unstable_viewTransition:p}=t,m=c0(t,p0),{basename:g}=P.useContext(cn),y,w=!1;if(typeof a=="string"&&y0.test(a)&&(y=a,g0))try{let d=new URL(window.location.href),v=a.startsWith("//")?new URL(d.protocol+a):new URL(a),E=ps(v.pathname,g);v.origin===d.origin&&E!=null?a=E+v.search+v.hash:w=!0}catch{}let C=Gm(a,{relative:l}),f=w0(a,{replace:i,state:u,target:s,preventScrollReset:h,relative:l,unstable_viewTransition:p});function c(d){r&&r(d),d.defaultPrevented||f(d)}return P.createElement("a",cu({},m,{href:y||C,onClick:w||o?r:c,ref:n,target:s}))});var Oa;(function(e){e.UseScrollRestoration="useScrollRestoration",e.UseSubmit="useSubmit",e.UseSubmitFetcher="useSubmitFetcher",e.UseFetcher="useFetcher",e.useViewTransitionState="useViewTransitionState"})(Oa||(Oa={}));var Da;(function(e){e.UseFetcher="useFetcher",e.UseFetchers="useFetchers",e.UseScrollRestoration="useScrollRestoration"})(Da||(Da={}));function w0(e,t){let{target:n,replace:r,state:l,preventScrollReset:o,relative:i,unstable_viewTransition:u}=t===void 0?{}:t,s=Ym(),a=Xr(),h=wd(e,{relative:i});return P.useCallback(p=>{if(d0(p,n)){p.preventDefault();let m=r!==void 0?r:uo(a)===uo(h);s(e,{replace:m,state:l,preventScrollReset:o,relative:i,unstable_viewTransition:u})}},[a,s,h,r,l,n,e,o,i,u])}const S0="_contents_1uftn_1",k0="_circle_1uftn_21",x0="_circleEng_1uftn_67",E0="_circleKor_1uftn_79",_0="_triangle_1uftn_91",C0="_triangleEng_1uftn_137",P0="_triangleKor_1uftn_153",N0="_square_1uftn_163",j0="_squareEng_1uftn_207",R0="_squareKor_1uftn_221",Be={contents:S0,circle:k0,circleEng:x0,circleKor:E0,triangle:_0,triangleEng:C0,triangleKor:P0,square:N0,squareEng:j0,squareKor:R0},T0=()=>S.jsx(S.Fragment,{children:S.jsx("div",{className:Be.wrapper,children:S.jsxs("div",{className:Be.contents,children:[S.jsx(kr,{to:"/intro",children:S.jsxs("div",{className:Be.circle,children:[S.jsx("span",{className:Be.circleEng,children:"Intro"}),S.jsx("span",{className:Be.circleKor,children:"소개"})]})}),S.jsx(kr,{to:"/project",children:S.jsxs("div",{className:Be.triangle,children:[S.jsx("span",{className:Be.triangleEng,children:"Project"}),S.jsx("span",{className:Be.triangleKor,children:"프로젝트"})]})}),S.jsxs("div",{className:Be.square,children:[S.jsx("span",{className:Be.squareEng,children:"Contact"}),S.jsx("span",{className:Be.squareKor,children:"연락처"})]})]})})}),z0="_title_jb59c_1",L0="_titleLogo_jb59c_19",I0="_introContents_jb59c_59",$0="_skillWrapper_jb59c_83",O0="_skillTitle_jb59c_91",D0="_workWrapper_jb59c_107",M0="_eduWrapper_jb59c_115",vt={title:z0,titleLogo:L0,introContents:I0,skillWrapper:$0,skillTitle:O0,workWrapper:D0,eduWrapper:M0},F0=()=>S.jsxs(S.Fragment,{children:[S.jsxs("header",{className:vt.title,children:[S.jsx("h2",{className:vt.titleLogo,children:S.jsx("img",{src:"logo_green.png"})}),S.jsx("span",{children:"kimminjoon"}),S.jsx("p",{children:"Frontend Developer"})]}),S.jsxs("section",{className:vt.introContents,children:[S.jsxs("div",{className:vt.skillWrapper,children:[S.jsx("h3",{children:"Skills"}),S.jsx("span",{className:vt.skillTitle,children:"Dev"}),S.jsx("p",{children:"HTML / CSS / Javascript / Typescript / React / StyledComponents / Zustand / ReactQuery / Vite / Git"}),S.jsx("span",{className:vt.skillTitle,children:"Others"}),S.jsx("p",{children:"Photoshop / Illustrator / Figma / XD / Tableau / Slack"})]}),S.jsxs("div",{className:vt.workWrapper,children:[S.jsx("h3",{children:"업무경험"}),S.jsxs("ul",{children:[S.jsxs("li",{children:["잇다소프트 디자이너 / PM",S.jsx("span",{children:"2023.06 - 2024.01"})]}),S.jsxs("li",{children:["(주)아이씨뱅큐 개발팀 인턴",S.jsx("span",{children:"2022.07 - 2022.12"})]})]})]}),S.jsxs("div",{className:vt.eduWrapper,children:[S.jsx("h3",{children:"교육"}),S.jsxs("ul",{children:[S.jsxs("li",{children:["프로그래머스 데브코스 프론트엔드",S.jsx("span",{children:"2024.07 - 2024.12"})]}),S.jsxs("li",{children:["디자인나스 nd클래스",S.jsx("span",{children:"2023.02 - 2023.06"})]}),S.jsxs("li",{children:["인천대학교 전자공학과",S.jsx("span",{children:"2016.03 - 2023.02"})]})]})]})]})]}),A0="_wrapper_ehm0d_1",U0="_title_ehm0d_13",B0="_projectDev_ehm0d_25",W0="_projectDesig_ehm0d_33",V0="_itemTop_ehm0d_61",H0="_on_ehm0d_73",Q0="_gdwebLogoWrapper_ehm0d_93",K0="_gdwebLogo_ehm0d_93",G0="_date_ehm0d_109",Y0="_detail_ehm0d_119",X0="_gdweb_ehm0d_93",Z0="_contribute_ehm0d_147",J0="_gdwebNo_ehm0d_157",q0="_link_ehm0d_165",b0="_siteBtn_ehm0d_175",ne={wrapper:A0,title:U0,projectDev:B0,projectDesig:W0,itemTop:V0,on:H0,gdwebLogoWrapper:Q0,gdwebLogo:K0,date:G0,detail:Y0,gdweb:X0,contribute:Z0,gdwebNo:J0,link:q0,siteBtn:b0},ev=[{title:"29초영화제",date:"2023.07",isAwarded:!0,contribution:"서브페이지 20%",url:"https://www.29sfilm.com/"},{title:"Jx금속",date:"2023.08",isAwarded:!1,contribution:"메인페이지 100% / 서브페이지 60%",url:"https://www.nmmk.jx-group.co.kr/"},{title:"서울뮤직페스티벌2023",date:"2023.08",isAwarded:!1,contribution:"메인페이지 100% / 서브페이지 50%",url:"http://www.seoulmusicfestival.co.kr/kor"},{title:"세명테크",date:"2023.10",isAwarded:!0,contribution:"서브페이지 80%",url:"https://www.semyungtech.com/kor/index.php#close"},{title:"삼녹",date:"2023.10",isAwarded:!0,contribution:"메인페이지 100%",url:"https://samnok.co.kr/"},{title:"메타스카이",date:"2023.12",isAwarded:!0,contribution:"메인페이지 100%, 서브페이지 100%",url:"https://weecoda.com/kor/"},{title:"PNK디자인",date:"2024.01",isAwarded:!1,contribution:"메인페이지 100%",url:"https://p-kdesign.co.kr/"},{title:"이안컴퍼니",date:"2024.04",isAwarded:!1,contribution:"메인페이지 100%",url:"https://ianncompany.co.kr/"}],tv=[{title:"CINE6IX",date:"2024.08"},{title:"야!소풍어때?",date:"2024.09"},{title:"Moodi",date:"2024.10"}];var we=function(){return we=Object.assign||function(t){for(var n,r=1,l=arguments.length;r0?le(Xn,--Fe):0,Wn--,J===10&&(Wn=1,Lo--),J}function Ge(){return J=Fe2||du(J)>3?"":" "}function fv(e,t){for(;--t&&Ge()&&!(J<48||J>102||J>57&&J<65||J>70&&J<97););return $o(e,Il()+(t<6&&bt()==32&&Ge()==32))}function pu(e){for(;Ge();)switch(J){case e:return Fe;case 34:case 39:e!==34&&e!==39&&pu(J);break;case 40:e===41&&pu(e);break;case 92:Ge();break}return Fe}function dv(e,t){for(;Ge()&&e+J!==57;)if(e+J===84&&bt()===47)break;return"/*"+$o(t,Fe-1)+"*"+vs(e===47?e:Ge())}function pv(e){for(;!du(bt());)Ge();return $o(e,Fe)}function hv(e){return av($l("",null,null,null,[""],e=sv(e),0,[0],e))}function $l(e,t,n,r,l,o,i,u,s){for(var a=0,h=0,p=i,m=0,g=0,y=0,w=1,C=1,f=1,c=0,d="",v=l,E=o,_=r,k=d;C;)switch(y=c,c=Ge()){case 40:if(y!=108&&le(k,p-1)==58){Ll(k+=L(di(c),"&","&\f"),"&\f",_d(a?u[a-1]:0))!=-1&&(f=-1);break}case 34:case 39:case 91:k+=di(c);break;case 9:case 10:case 13:case 32:k+=cv(y);break;case 92:k+=fv(Il()-1,7);continue;case 47:switch(bt()){case 42:case 47:fr(mv(dv(Ge(),Il()),t,n,s),s);break;default:k+="/"}break;case 123*w:u[a++]=Je(k)*f;case 125*w:case 59:case 0:switch(c){case 0:case 125:C=0;case 59+h:f==-1&&(k=L(k,/\f/g,"")),g>0&&Je(k)-p&&fr(g>32?Aa(k+";",r,n,p-1,s):Aa(L(k," ","")+";",r,n,p-2,s),s);break;case 59:k+=";";default:if(fr(_=Fa(k,t,n,a,h,l,u,d,v=[],E=[],p,o),o),c===123)if(h===0)$l(k,t,_,_,v,o,p,u,E);else switch(m===99&&le(k,3)===110?100:m){case 100:case 108:case 109:case 115:$l(e,_,_,r&&fr(Fa(e,_,_,0,0,l,u,d,l,v=[],p,E),E),l,E,p,u,r?v:E);break;default:$l(k,_,_,_,[""],E,0,u,E)}}a=h=g=0,w=f=1,d=k="",p=i;break;case 58:p=1+Je(k),g=y;default:if(w<1){if(c==123)--w;else if(c==125&&w++==0&&uv()==125)continue}switch(k+=vs(c),c*w){case 38:f=h>0?1:(k+="\f",-1);break;case 44:u[a++]=(Je(k)-1)*f,f=1;break;case 64:bt()===45&&(k+=di(Ge())),m=bt(),h=p=Je(d=k+=pv(Il())),c++;break;case 45:y===45&&Je(k)==2&&(w=0)}}return o}function Fa(e,t,n,r,l,o,i,u,s,a,h,p){for(var m=l-1,g=l===0?o:[""],y=Pd(g),w=0,C=0,f=0;w0?g[c]+" "+d:L(d,/&\f/g,g[c])))&&(s[f++]=v);return Io(e,t,n,l===0?zo:u,s,a,h,p)}function mv(e,t,n,r){return Io(e,t,n,xd,vs(iv()),Bn(e,2,-2),0,r)}function Aa(e,t,n,r,l){return Io(e,t,n,ms,Bn(e,0,r),Bn(e,r+1,-1),r,l)}function jd(e,t,n){switch(lv(e,t)){case 5103:return D+"print-"+e+e;case 5737:case 4201:case 3177:case 3433:case 1641:case 4457:case 2921:case 5572:case 6356:case 5844:case 3191:case 6645:case 3005:case 6391:case 5879:case 5623:case 6135:case 4599:case 4855:case 4215:case 6389:case 5109:case 5365:case 5621:case 3829:return D+e+e;case 4789:return xr+e+e;case 5349:case 4246:case 4810:case 6968:case 2756:return D+e+xr+e+V+e+e;case 5936:switch(le(e,t+11)){case 114:return D+e+V+L(e,/[svh]\w+-[tblr]{2}/,"tb")+e;case 108:return D+e+V+L(e,/[svh]\w+-[tblr]{2}/,"tb-rl")+e;case 45:return D+e+V+L(e,/[svh]\w+-[tblr]{2}/,"lr")+e}case 6828:case 4268:case 2903:return D+e+V+e+e;case 6165:return D+e+V+"flex-"+e+e;case 5187:return D+e+L(e,/(\w+).+(:[^]+)/,D+"box-$1$2"+V+"flex-$1$2")+e;case 5443:return D+e+V+"flex-item-"+L(e,/flex-|-self/g,"")+(rt(e,/flex-|baseline/)?"":V+"grid-row-"+L(e,/flex-|-self/g,""))+e;case 4675:return D+e+V+"flex-line-pack"+L(e,/align-content|flex-|-self/g,"")+e;case 5548:return D+e+V+L(e,"shrink","negative")+e;case 5292:return D+e+V+L(e,"basis","preferred-size")+e;case 6060:return D+"box-"+L(e,"-grow","")+D+e+V+L(e,"grow","positive")+e;case 4554:return D+L(e,/([^-])(transform)/g,"$1"+D+"$2")+e;case 6187:return L(L(L(e,/(zoom-|grab)/,D+"$1"),/(image-set)/,D+"$1"),e,"")+e;case 5495:case 3959:return L(e,/(image-set\([^]*)/,D+"$1$`$1");case 4968:return L(L(e,/(.+:)(flex-)?(.*)/,D+"box-pack:$3"+V+"flex-pack:$3"),/s.+-b[^;]+/,"justify")+D+e+e;case 4200:if(!rt(e,/flex-|baseline/))return V+"grid-column-align"+Bn(e,t)+e;break;case 2592:case 3360:return V+L(e,"template-","")+e;case 4384:case 3616:return n&&n.some(function(r,l){return t=l,rt(r.props,/grid-\w+-end/)})?~Ll(e+(n=n[t].value),"span",0)?e:V+L(e,"-start","")+e+V+"grid-row-span:"+(~Ll(n,"span",0)?rt(n,/\d+/):+rt(n,/\d+/)-+rt(e,/\d+/))+";":V+L(e,"-start","")+e;case 4896:case 4128:return n&&n.some(function(r){return rt(r.props,/grid-\w+-start/)})?e:V+L(L(e,"-end","-span"),"span ","")+e;case 4095:case 3583:case 4068:case 2532:return L(e,/(.+)-inline(.+)/,D+"$1$2")+e;case 8116:case 7059:case 5753:case 5535:case 5445:case 5701:case 4933:case 4677:case 5533:case 5789:case 5021:case 4765:if(Je(e)-1-t>6)switch(le(e,t+1)){case 109:if(le(e,t+4)!==45)break;case 102:return L(e,/(.+:)(.+)-([^]+)/,"$1"+D+"$2-$3$1"+xr+(le(e,t+3)==108?"$3":"$2-$3"))+e;case 115:return~Ll(e,"stretch",0)?jd(L(e,"stretch","fill-available"),t,n)+e:e}break;case 5152:case 5920:return L(e,/(.+?):(\d+)(\s*\/\s*(span)?\s*(\d+))?(.*)/,function(r,l,o,i,u,s,a){return V+l+":"+o+a+(i?V+l+"-span:"+(u?s:+s-+o)+a:"")+e});case 4949:if(le(e,t+6)===121)return L(e,":",":"+D)+e;break;case 6444:switch(le(e,le(e,14)===45?18:11)){case 120:return L(e,/(.+:)([^;\s!]+)(;|(\s+)?!.+)?/,"$1"+D+(le(e,14)===45?"inline-":"")+"box$3$1"+D+"$2$3$1"+V+"$2box$3")+e;case 100:return L(e,":",":"+V)+e}break;case 5719:case 2647:case 2135:case 3927:case 2391:return L(e,"scroll-","scroll-snap-")+e}return e}function co(e,t){for(var n="",r=0;r-1&&!e.return)switch(e.type){case ms:e.return=jd(e.value,e.length,n);return;case Ed:return co([yt(e,{value:L(e.value,"@","@"+D)})],r);case zo:if(e.length)return ov(n=e.props,function(l){switch(rt(l,r=/(::plac\w+|:read-\w+)/)){case":read-only":case":read-write":pn(yt(e,{props:[L(l,/:(read-\w+)/,":"+xr+"$1")]})),pn(yt(e,{props:[l]})),fu(e,{props:Ma(n,r)});break;case"::placeholder":pn(yt(e,{props:[L(l,/:(plac\w+)/,":"+D+"input-$1")]})),pn(yt(e,{props:[L(l,/:(plac\w+)/,":"+xr+"$1")]})),pn(yt(e,{props:[L(l,/:(plac\w+)/,V+"input-$1")]})),pn(yt(e,{props:[l]})),fu(e,{props:Ma(n,r)});break}return""})}}var Sv={animationIterationCount:1,aspectRatio:1,borderImageOutset:1,borderImageSlice:1,borderImageWidth:1,boxFlex:1,boxFlexGroup:1,boxOrdinalGroup:1,columnCount:1,columns:1,flex:1,flexGrow:1,flexPositive:1,flexShrink:1,flexNegative:1,flexOrder:1,gridRow:1,gridRowEnd:1,gridRowSpan:1,gridRowStart:1,gridColumn:1,gridColumnEnd:1,gridColumnSpan:1,gridColumnStart:1,msGridRow:1,msGridRowSpan:1,msGridColumn:1,msGridColumnSpan:1,fontWeight:1,lineHeight:1,opacity:1,order:1,orphans:1,tabSize:1,widows:1,zIndex:1,zoom:1,WebkitLineClamp:1,fillOpacity:1,floodOpacity:1,stopOpacity:1,strokeDasharray:1,strokeDashoffset:1,strokeMiterlimit:1,strokeOpacity:1,strokeWidth:1},Ce={},Vn=typeof process<"u"&&Ce!==void 0&&(Ce.REACT_APP_SC_ATTR||Ce.SC_ATTR)||"data-styled",Rd="active",Td="data-styled-version",Oo="6.1.13",gs=`/*!sc*/ `,fo=typeof window<"u"&&"HTMLElement"in window,kv=!!(typeof SC_DISABLE_SPEEDY=="boolean"?SC_DISABLE_SPEEDY:typeof process<"u"&&Ce!==void 0&&Ce.REACT_APP_SC_DISABLE_SPEEDY!==void 0&&Ce.REACT_APP_SC_DISABLE_SPEEDY!==""?Ce.REACT_APP_SC_DISABLE_SPEEDY!=="false"&&Ce.REACT_APP_SC_DISABLE_SPEEDY:typeof process<"u"&&Ce!==void 0&&Ce.SC_DISABLE_SPEEDY!==void 0&&Ce.SC_DISABLE_SPEEDY!==""&&Ce.SC_DISABLE_SPEEDY!=="false"&&Ce.SC_DISABLE_SPEEDY),Do=Object.freeze([]),Hn=Object.freeze({});function xv(e,t,n){return n===void 0&&(n=Hn),e.theme!==n.theme&&e.theme||t||n.theme}var zd=new Set(["a","abbr","address","area","article","aside","audio","b","base","bdi","bdo","big","blockquote","body","br","button","canvas","caption","cite","code","col","colgroup","data","datalist","dd","del","details","dfn","dialog","div","dl","dt","em","embed","fieldset","figcaption","figure","footer","form","h1","h2","h3","h4","h5","h6","header","hgroup","hr","html","i","iframe","img","input","ins","kbd","keygen","label","legend","li","link","main","map","mark","menu","menuitem","meta","meter","nav","noscript","object","ol","optgroup","option","output","p","param","picture","pre","progress","q","rp","rt","ruby","s","samp","script","section","select","small","source","span","strong","style","sub","summary","sup","table","tbody","td","textarea","tfoot","th","thead","time","tr","track","u","ul","use","var","video","wbr","circle","clipPath","defs","ellipse","foreignObject","g","image","line","linearGradient","marker","mask","path","pattern","polygon","polyline","radialGradient","rect","stop","svg","text","tspan"]),Ev=/[!"#$%&'()*+,./:;<=>?@[\\\]^`{|}~-]+/g,_v=/(^-|-$)/g;function Ua(e){return e.replace(Ev,"-").replace(_v,"")}var Cv=/(a)(d)/gi,gl=52,Ba=function(e){return String.fromCharCode(e+(e>25?39:97))};function hu(e){var t,n="";for(t=Math.abs(e);t>gl;t=t/gl|0)n=Ba(t%gl)+n;return(Ba(t%gl)+n).replace(Cv,"$1-$2")}var pi,Ld=5381,Pn=function(e,t){for(var n=t.length;n;)e=33*e^t.charCodeAt(--n);return e},Id=function(e){return Pn(Ld,e)};function Pv(e){return hu(Id(e)>>>0)}function Nv(e){return e.displayName||e.name||"Component"}function hi(e){return typeof e=="string"&&!0}var $d=typeof Symbol=="function"&&Symbol.for,Od=$d?Symbol.for("react.memo"):60115,jv=$d?Symbol.for("react.forward_ref"):60112,Rv={childContextTypes:!0,contextType:!0,contextTypes:!0,defaultProps:!0,displayName:!0,getDefaultProps:!0,getDerivedStateFromError:!0,getDerivedStateFromProps:!0,mixins:!0,propTypes:!0,type:!0},Tv={name:!0,length:!0,prototype:!0,caller:!0,callee:!0,arguments:!0,arity:!0},Dd={$$typeof:!0,compare:!0,defaultProps:!0,displayName:!0,propTypes:!0,type:!0},zv=((pi={})[jv]={$$typeof:!0,render:!0,defaultProps:!0,displayName:!0,propTypes:!0},pi[Od]=Dd,pi);function Wa(e){return("type"in(t=e)&&t.type.$$typeof)===Od?Dd:"$$typeof"in e?zv[e.$$typeof]:Rv;var t}var Lv=Object.defineProperty,Iv=Object.getOwnPropertyNames,Va=Object.getOwnPropertySymbols,$v=Object.getOwnPropertyDescriptor,Ov=Object.getPrototypeOf,Ha=Object.prototype;function Md(e,t,n){if(typeof t!="string"){if(Ha){var r=Ov(t);r&&r!==Ha&&Md(e,r,n)}var l=Iv(t);Va&&(l=l.concat(Va(t)));for(var o=Wa(e),i=Wa(t),u=0;u0?" Args: ".concat(t.join(", ")):""))}var Dv=function(){function e(t){this.groupSizes=new Uint32Array(512),this.length=512,this.tag=t}return e.prototype.indexOfGroup=function(t){for(var n=0,r=0;r=this.groupSizes.length){for(var r=this.groupSizes,l=r.length,o=l;t>=o;)if((o<<=1)<0)throw Zr(16,"".concat(t));this.groupSizes=new Uint32Array(o),this.groupSizes.set(r),this.length=o;for(var i=l;i=this.length||this.groupSizes[t]===0)return n;for(var r=this.groupSizes[t],l=this.indexOfGroup(t),o=l+r,i=l;i=0){var r=document.createTextNode(n);return this.element.insertBefore(r,this.nodes[t]||null),this.length++,!0}return!1},e.prototype.deleteRule=function(t){this.element.removeChild(this.nodes[t]),this.length--},e.prototype.getRule=function(t){return t0&&(C+="".concat(f,","))}),s+="".concat(y).concat(w,'{content:"').concat(C,'"}').concat(gs)},h=0;h0?".".concat(t):m},h=s.slice();h.push(function(m){m.type===zo&&m.value.includes("&")&&(m.props[0]=m.props[0].replace(Gv,n).replace(r,a))}),i.prefix&&h.push(wv),h.push(vv);var p=function(m,g,y,w){g===void 0&&(g=""),y===void 0&&(y=""),w===void 0&&(w="&"),t=w,n=g,r=new RegExp("\\".concat(n,"\\b"),"g");var C=m.replace(Yv,""),f=hv(y||g?"".concat(y," ").concat(g," { ").concat(C," }"):C);i.namespace&&(f=Ud(f,i.namespace));var c=[];return co(f,gv(h.concat(yv(function(d){return c.push(d)})))),c};return p.hash=s.length?s.reduce(function(m,g){return g.name||Zr(15),Pn(m,g.name)},Ld).toString():"",p}var Zv=new Ad,vu=Xv(),Bd=In.createContext({shouldForwardProp:void 0,styleSheet:Zv,stylis:vu});Bd.Consumer;In.createContext(void 0);function Ya(){return P.useContext(Bd)}var Jv=function(){function e(t,n){var r=this;this.inject=function(l,o){o===void 0&&(o=vu);var i=r.name+o.hash;l.hasNameForId(r.id,i)||l.insertRules(r.id,i,o(r.rules,i,"@keyframes"))},this.name=t,this.id="sc-keyframes-".concat(t),this.rules=n,ws(this,function(){throw Zr(12,String(r.name))})}return e.prototype.getName=function(t){return t===void 0&&(t=vu),this.name+t.hash},e}(),qv=function(e){return e>="A"&&e<="Z"};function Xa(e){for(var t="",n=0;n>>0);if(!n.hasNameForId(this.componentId,i)){var u=r(o,".".concat(i),void 0,this.componentId);n.insertRules(this.componentId,i,u)}l=Zt(l,i),this.staticRulesId=i}else{for(var s=Pn(this.baseHash,r.hash),a="",h=0;h>>0);n.hasNameForId(this.componentId,g)||n.insertRules(this.componentId,g,r(a,".".concat(g),void 0,this.componentId)),l=Zt(l,g)}}return l},e}(),Hd=In.createContext(void 0);Hd.Consumer;var mi={};function ng(e,t,n){var r=ys(e),l=e,o=!hi(e),i=t.attrs,u=i===void 0?Do:i,s=t.componentId,a=s===void 0?function(v,E){var _=typeof v!="string"?"sc":Ua(v);mi[_]=(mi[_]||0)+1;var k="".concat(_,"-").concat(Pv(Oo+_+mi[_]));return E?"".concat(E,"-").concat(k):k}(t.displayName,t.parentComponentId):s,h=t.displayName,p=h===void 0?function(v){return hi(v)?"styled.".concat(v):"Styled(".concat(Nv(v),")")}(e):h,m=t.displayName&&t.componentId?"".concat(Ua(t.displayName),"-").concat(t.componentId):t.componentId||a,g=r&&l.attrs?l.attrs.concat(u).filter(Boolean):u,y=t.shouldForwardProp;if(r&&l.shouldForwardProp){var w=l.shouldForwardProp;if(t.shouldForwardProp){var C=t.shouldForwardProp;y=function(v,E){return w(v,E)&&C(v,E)}}else y=w}var f=new tg(n,m,r?l.componentStyle:void 0);function c(v,E){return function(_,k,R){var U=_.attrs,I=_.componentStyle,Ee=_.defaultProps,Ut=_.foldedComponentIds,Bt=_.styledComponentId,qr=_.target,Mo=In.useContext(Hd),Zn=Ya(),Wt=_.shouldForwardProp||Zn.shouldForwardProp,N=xv(k,Mo,Ee)||Hn,T=function(pt,_e,tt){for(var Jn,Ht=we(we({},_e),{className:void 0,theme:tt}),Fo=0;Foe.modalState===!0?"block":"none"}; position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); - z-index: 9; - background-color: white; + z-index: 9999; padding: 1.5rem; & > p:nth-of-type(1) { - font-size: 30px; + font-size: 60px; font-weight: 700; letter-spacing: -1px; - padding-bottom: 5px; + padding-bottom: 10px; + color: white; } & > p:nth-of-type(2) { font-size: 14px; - padding-bottom: 2rem; - color: rgba(0, 0, 0, 0.5); + font-weight: 100; + padding-bottom: 3rem; + color: rgba(255, 255, 255, 0.5); } & > p:nth-of-type(3) { font-size: 14px; - color: rgba(0, 0, 0, 0.8); - padding-bottom: 5px; + font-weight: 100; + color: rgba(255, 255, 255, 0.8); + padding-bottom: 10px; + color: white; } & > p:nth-of-type(4) { font-size: 14px; - color: rgba(0, 0, 0, 0.6); + font-weight: 100; + color: rgba(255, 255, 255, 0.6); line-height: 16px; padding-bottom: 40px; + color: white; } `,og=Jr.div` width: 100%; @@ -113,27 +116,35 @@ Error generating stack: `+o.message+` left: 0; background-color: black; transition: 0.2s; - display: ${e=>e.modalState===!0?"block":"none"}; - opacity: ${e=>e.modalState===!0?"0.8":"0"}; + visibility: ${e=>e.modalState===!0?"visibla":"hidden"}; + opacity: ${e=>e.modalState===!0?.95:0}; + z-index: 9999; `,ig=Jr.div` display: flex; justify-content: space-between; - margin-bottom: 150px; + margin-bottom: 30px; & > p { font-size: 12px; + font-weight: 100; + color: rgba(255, 255, 255, 0.7); } & > span { display: flex; justify-content: center; align-items: center; - width: 30px; - height: 30px; - font-size: 14px; + width: 50px; + height: 50px; + font-size: 20px; font-weight: 200; - border: 1px solid rgba(0, 0, 0, 0.2); - border-radius: 20px; + border: 1px solid rgba(255, 255, 255, 0.2); + border-radius: 50px; + color: white; + + & > img { + width: 20px; + } } & > span:hover { @@ -143,10 +154,10 @@ Error generating stack: `+o.message+` font-size: 12px; padding: 10px; border-radius: 10px; - border: 1px solid rgba(0, 0, 0, 0.2); + border: 1px solid rgba(255, 255, 255, 0.2); & > a { text-decoration: none; - color: black; + color: white; } -`,ir=[{title:"CINE6IX",population:"기획 4인 / 개발 1인",tool:"Vanilla Javascript",info:"영화 검색 및 최신/카테고리 별 인기 영화 추천 사이트. 바닐라JS로 작업하였으며 OPEN API를 사용함",siteUrl:"https://minjoon97.github.io/CINE6IX/"},{title:"야!소풍어때?",population:"기획 5인 / 개발 1인",tool:"React / TypeScript",info:"국내 지역에 따른 축제, 숙소 및 관광지를 안내하는 사이트. React와 TypeScript를 사용하여 전역라이브러리 없이 제작하였으며, 무한스크롤 및 찜하기 기능 등을 구현함",siteUrl:"https://minjoon97.github.io/yasoaV2/"},{title:"Moodi",population:"5인 팀프로젝트",tool:"React / TypeScript / Zustand / StyledComponents",info:"개인의 감정을 담은 일기를 작성하면 AI가 노래를 추천해줌으로서 함께 포스팅하고 공유할 수 있는 마이크로블로그.",siteUrl:"http://moodi-devcourese-3team.s3-website.ap-northeast-2.amazonaws.com/"}],sg=({clickedData:e,modalState:t,setModalState:n})=>S.jsxs(S.Fragment,{children:[S.jsx(og,{onClick:()=>{n(!1)},modalState:t}),S.jsxs(lg,{modalState:t,children:[S.jsxs(ig,{children:[S.jsx("p",{children:"ABOUT"}),S.jsx("span",{onClick:()=>{n(!1)},children:"x"})]}),S.jsx("p",{children:ir[e].title}),S.jsx("p",{children:ir[e].population}),S.jsx("p",{children:ir[e].tool}),S.jsx("p",{children:ir[e].info}),S.jsx(ug,{children:S.jsx("a",{href:ir[e].siteUrl,target:"_blank",rel:"noopener noreferrer",children:"사이트 바로가기"})})]})]}),ag=()=>{const[e,t]=P.useState(null),[n,r]=P.useState(0),[l,o]=P.useState(!1),i=u=>{t(s=>s===u?null:u)};return S.jsxs(S.Fragment,{children:[S.jsxs("section",{className:ne.wrapper,children:[S.jsxs("div",{className:ne.projectDev,children:[S.jsx("h2",{className:ne.title,children:"Project-Development"}),S.jsx("ul",{children:tv.map((u,s)=>S.jsx("li",{onClick:()=>{r(s),o(!0)},children:S.jsxs("p",{className:ne.itemTop,children:[u.title,S.jsx("span",{className:ne.date,children:u.date})]})},s))})]}),S.jsxs("div",{className:ne.projectDesig,children:[S.jsx("h2",{className:ne.title,children:"Project-Design"}),S.jsx("ul",{children:ev.map((u,s)=>S.jsxs("li",{onClick:()=>{i(s)},className:e===s?ne.on:"",children:[S.jsxs("div",{className:ne.itemTop,children:[S.jsxs("div",{children:[u.title,S.jsx("span",{className:ne.gdwebLogoWrapper,children:u.isAwarded?S.jsx("img",{src:"gdweb_logo.png",className:ne.gdwebLogo}):""})]}),S.jsx("span",{className:ne.date,children:u.date})]}),S.jsxs("div",{className:ne.detail,children:[S.jsx("div",{className:u.isAwarded?ne.gdweb:ne.gdwebNo,children:"gdweb award 수상작"}),S.jsxs("div",{className:ne.contribute,children:["기여도 : ",u.contribution]}),S.jsx("a",{href:u.url,target:"_blank",rel:"noopener noreferrer",className:ne.link,children:S.jsx("div",{className:ne.siteBtn,children:"사이트 바로가기"})})]})]},s))})]})]}),S.jsx(sg,{clickedData:n,modalState:l,setModalState:o})]})},cg="_header_182ao_1",fg="_link_182ao_19",dg="_headerMain_182ao_29",pg="_top_182ao_45",hg="_logo_182ao_63",mg="_menuWrapper_182ao_89",gt={header:cg,link:fg,headerMain:dg,top:pg,logo:hg,menuWrapper:mg},vg=()=>{const e=Xr(),[t,n]=P.useState(!1);return P.useEffect(()=>{e.pathname==="/"?n(!0):n(!1)},[e.pathname]),S.jsx("header",{className:`${t?gt.headerMain:gt.header}`,children:S.jsxs("div",{className:gt.top,children:[S.jsx(kr,{to:"/",className:gt.link,children:S.jsx("h1",{className:gt.logo,children:S.jsx("img",{src:"logo.png"})})}),S.jsx("p",{children:"710."}),S.jsxs("ul",{className:gt.menuWrapper,children:[S.jsx(kr,{to:"/intro",className:gt.link,children:S.jsx("li",{children:"소개"})}),S.jsx(kr,{to:"/project",className:gt.link,children:S.jsx("li",{children:"프로젝트"})}),S.jsx("li",{children:"연락처"})]})]})})};function gg(){return S.jsxs(S.Fragment,{children:[S.jsx(vg,{}),S.jsxs(a0,{children:[S.jsx(zl,{path:"/",element:S.jsx(T0,{})}),S.jsx(zl,{path:"/intro",element:S.jsx(F0,{})}),S.jsx(zl,{path:"/project",element:S.jsx(ag,{})})]})]})}fd(document.getElementById("root")).render(S.jsx(P.StrictMode,{children:S.jsx(v0,{children:S.jsx(gg,{})})})); +`,ir=[{title:"CINE6IX",population:"기획 4인 / 개발 1인",tool:"Vanilla Javascript",info:"영화 검색 및 최신/카테고리 별 인기 영화 추천 사이트. 바닐라JS로 작업하였으며 OPEN API를 사용함",siteUrl:"https://minjoon97.github.io/CINE6IX/"},{title:"야!소풍어때?",population:"기획 5인 / 개발 1인",tool:"React / TypeScript",info:"국내 지역에 따른 축제, 숙소 및 관광지를 안내하는 사이트. React와 TypeScript를 사용하여 전역라이브러리 없이 제작하였으며, 무한스크롤 및 찜하기 기능 등을 구현함",siteUrl:"https://minjoon97.github.io/yasoaV2/"},{title:"Moodi",population:"5인 팀프로젝트",tool:"React / TypeScript / Zustand / StyledComponents",info:"개인의 감정을 담은 일기를 작성하면 AI가 노래를 추천해줌으로서 함께 포스팅하고 공유할 수 있는 마이크로블로그.",siteUrl:"http://moodi-devcourese-3team.s3-website.ap-northeast-2.amazonaws.com/"}],sg=({clickedData:e,modalState:t,setModalState:n})=>S.jsxs(S.Fragment,{children:[S.jsx(og,{onClick:()=>{n(!1)},modalState:t}),S.jsxs(lg,{modalState:t,children:[S.jsxs(ig,{children:[S.jsx("p",{children:"ABOUT"}),S.jsx("span",{onClick:()=>{n(!1)},children:S.jsx("img",{src:"closeBtn.svg",alt:""})})]}),S.jsx("p",{children:ir[e].title}),S.jsx("p",{children:ir[e].population}),S.jsx("p",{children:ir[e].tool}),S.jsx("p",{children:ir[e].info}),S.jsx(ug,{children:S.jsx("a",{href:ir[e].siteUrl,target:"_blank",rel:"noopener noreferrer",children:"사이트 바로가기"})})]})]}),ag=()=>{const[e,t]=P.useState(null),[n,r]=P.useState(0),[l,o]=P.useState(!1),i=u=>{t(s=>s===u?null:u)};return S.jsxs(S.Fragment,{children:[S.jsxs("section",{className:ne.wrapper,children:[S.jsxs("div",{className:ne.projectDev,children:[S.jsx("h2",{className:ne.title,children:"Project-Development"}),S.jsx("ul",{children:tv.map((u,s)=>S.jsx("li",{onClick:()=>{r(s),o(!0)},children:S.jsxs("p",{className:ne.itemTop,children:[u.title,S.jsx("span",{className:ne.date,children:u.date})]})},s))})]}),S.jsxs("div",{className:ne.projectDesig,children:[S.jsx("h2",{className:ne.title,children:"Project-Design"}),S.jsx("ul",{children:ev.map((u,s)=>S.jsxs("li",{onClick:()=>{i(s)},className:e===s?ne.on:"",children:[S.jsxs("div",{className:ne.itemTop,children:[S.jsxs("div",{children:[u.title,S.jsx("span",{className:ne.gdwebLogoWrapper,children:u.isAwarded?S.jsx("img",{src:"gdweb_logo.png",className:ne.gdwebLogo}):""})]}),S.jsx("span",{className:ne.date,children:u.date})]}),S.jsxs("div",{className:ne.detail,children:[S.jsx("div",{className:u.isAwarded?ne.gdweb:ne.gdwebNo,children:"gdweb award 수상작"}),S.jsxs("div",{className:ne.contribute,children:["기여도 : ",u.contribution]}),S.jsx("a",{href:u.url,target:"_blank",rel:"noopener noreferrer",className:ne.link,children:S.jsx("div",{className:ne.siteBtn,children:"사이트 바로가기"})})]})]},s))})]})]}),S.jsx(sg,{clickedData:n,modalState:l,setModalState:o})]})},cg="_header_1k68y_1",fg="_link_1k68y_19",dg="_headerMain_1k68y_29",pg="_top_1k68y_45",hg="_logo_1k68y_63",mg="_menuWrapper_1k68y_89",gt={header:cg,link:fg,headerMain:dg,top:pg,logo:hg,menuWrapper:mg},vg=()=>{const e=Xr(),[t,n]=P.useState(!1);return P.useEffect(()=>{e.pathname==="/"?n(!0):n(!1)},[e.pathname]),S.jsx("header",{className:`${t?gt.headerMain:gt.header}`,children:S.jsxs("div",{className:gt.top,children:[S.jsx(kr,{to:"/",className:gt.link,children:S.jsx("h1",{className:gt.logo,children:S.jsx("img",{src:"logo.png"})})}),S.jsx("p",{children:"710."}),S.jsxs("ul",{className:gt.menuWrapper,children:[S.jsx(kr,{to:"/intro",className:gt.link,children:S.jsx("li",{children:"소개"})}),S.jsx(kr,{to:"/project",className:gt.link,children:S.jsx("li",{children:"프로젝트"})}),S.jsx("li",{children:"연락처"})]})]})})};function gg(){return S.jsxs(S.Fragment,{children:[S.jsx(vg,{}),S.jsxs(a0,{children:[S.jsx(zl,{path:"/",element:S.jsx(T0,{})}),S.jsx(zl,{path:"/intro",element:S.jsx(F0,{})}),S.jsx(zl,{path:"/project",element:S.jsx(ag,{})})]})]})}fd(document.getElementById("root")).render(S.jsx(P.StrictMode,{children:S.jsx(v0,{children:S.jsx(gg,{})})})); diff --git a/closeBtn.svg b/closeBtn.svg new file mode 100644 index 0000000..3619787 --- /dev/null +++ b/closeBtn.svg @@ -0,0 +1,4 @@ + + + + diff --git a/designView/29secView1.jpg b/designView/29secView1.jpg deleted file mode 100644 index e0fbc00..0000000 Binary files a/designView/29secView1.jpg and /dev/null differ diff --git a/index.html b/index.html index 3dd81e7..0166474 100644 --- a/index.html +++ b/index.html @@ -17,8 +17,8 @@ /> 710 - - + +
diff --git a/vite.svg b/vite.svg deleted file mode 100644 index e7b8dfb..0000000 --- a/vite.svg +++ /dev/null @@ -1 +0,0 @@ - \ No newline at end of file