https://www.snulife.com/_next/static/chunks/pages/welcome-d3c8fe4fb281d8eb.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[9832],{86121:function(e,t,n){(window.__NEXT_P=window.__NEXT_P||[]).push(["/welcome",function(){return n(10674)}])},10674:function(e,t,n){"use strict";n.r(t),n.d(t,{default:function(){return r}});var i=n(35944),o=n(11163),l=n(67294);function r(){let e=(0,o.useRouter)(),[t,n]=(0,l.useState)(""),[r,Z]=(0,l.useState)(""),[z,E]=(0,l.useState)(""),[B,X]=(0,l.useState)(!1),[_,A]=(0,l.useState)(!1),I=(0,l.useRef)(null),[R,D]=(0,l.useState)(!1),L=""!==t.trim()&&""!==r.trim()&&""!==z.trim();(0,l.useEffect)(()=>{if(!_)return;let e=e=>{let t=e.target;I.current&&!I.current.contains(t)&&A(!1)},t=e=>{"Escape"===e.key&&A(!1)};return document.addEventListener("mousedown",e),document.addEventListener("keydown",t),()=>{document.removeEventListener("mousedown",e),document.removeEventListener("keydown",t)}},[_]);let W=async()=>{if(L&&!B)try{X(!0);let n="temp-".concat(Date.now().toString(36));await e.push({pathname:"/card/".concat(n),query:{studentId:t.trim(),name:r.trim(),department:z.trim(),maskStudentId:R?"1":"0"}})}finally{X(!1)}};return(0,i.BX)("div",{style:a,children:[(0,i.BX)("div",{style:x,children:[(0,i.tZ)("h1",{style:d,children:"서울대학교 입학을 축하합니다!"}),(0,i.tZ)("p",{style:p,children:"이름, 학번, 학과를 입력하면 온라인 명함이 생성됩니다."})]}),(0,i.BX)("div",{style:g,children:[(0,i.BX)("label",{style:s,children:[(0,i.tZ)("span",{style:c,children:"이름"}),(0,i.tZ)("input",{placeholder:"예: 서린이",style:u,value:r,onChange:e=>Z(e.target.value)})]}),(0,i.BX)("label",{style:s,children:[(0,i.BX)("div",{style:{display:"flex",alignItems:"baseline",gap:6},children:[(0,i.tZ)("span",{style:c,children:"학번"}),(0,i.tZ)("span",{style:{fontSize:11,color:"#9CA3AF"},children:"(학번은 고유 식별번호이므로 명함 공유 시 주의하세요.)"})]}),(0,i.tZ)("input",{placeholder:"예: 2026-12345",style:u,value:t,onChange:e=>{let t=e.target.value;/^[0-9-]*$/.test(t)&&(t.length>10||n(t))}}),(0,i.BX)("div",{style:{display:"flex",alignItems:"center",gap:6},children:[(0,i.tZ)("input",{type:"checkbox",checked:R,onChange:e=>D(e.target.checked)}),(0,i.tZ)("span",{style:{fontSize:12,color:"#9CA3AF"},children:"명함에서 학번 뒷자리 가리기 ex) 2026-123**"})]})]}),(0,i.BX)("label",{style:s,children:[(0,i.tZ)("span",{style:c,children:"학과"}),(0,i.BX)("div",{ref:I,style:m,children:[(0,i.BX)("button",{type:"button",onClick:()=>A(e=>!e),style:{...b,opacity:z?1:.45},children:[(0,i.tZ)("span",{style:F,children:z||"학과를 선택하세요"}),(0,i.tZ)("span",{style:v,children:"▼"})]}),_&&(0,i.tZ)("div",{style:S,role:"listbox","aria-label":"학과 선택",children:C.map(e=>{let t=e===z;return(0,i.tZ)("div",{role:"option","aria-selected":t,onClick:t=>{t.preventDefault(),t.stopPropagation(),E(e),A(!1)},style:{...w,...t?k:null},children:e},e)})})]})]})]}),(0,i.BX)("div",{style:h,children:[(0,i.tZ)("p",{style:f,children:"입력하신 정보는 명함 생성 목적에만 사용됩니다."}),(0,i.tZ)("button",{type:"button",style:{...y,opacity:L&&!B?1:.55,cursor:L&&!B?"pointer":"not-allowed"},disabled:!L||B,onClick:W,children:B?"생성 중...":"명함 만들기"})]})]})}r.getLayout=e=>e;let a={minHeight:"100vh",backgroundColor:"#FFFFFF",boxSizing:"border-box",paddingTop:"80px",paddingLeft:"18px",paddingRight:"18px",paddingBottom:"180px"},d={margin:0,fontSize:"22px",fontWeight:700,lineHeight:"28px",color:"#111827"},p={margin:0,fontSize:"14px",lineHeight:1.55,color:"#9CA3AF"},s={display:"flex",flexDirection:"column",gap:"10px",fontSize:"18px",fontWeight:800,color:"#111827",width:"100%"},c={fontSize:"16px",fontWeight:600,color:"#1F2937"},u={width:"100%",boxSizing:"border-box",height:"48px",padding:"0 16px",borderRadius:"10px",border:"1px solid #E5E7EB",fontSize:"16px",outline:"none",color:"#111827"},x={display:"flex",flexDirection:"column",gap:"8px",margin:"0 auto",alignItems:"stretch"},g={display:"flex",flexDirection:"column",alignItems:"stretch",gap:"24px",margin:"0 auto",marginTop:"40px"},h={position:"fixed",left:0,right:0,bottom:0,backgroundColor:"#FFFFFF",padding:"12px 22px 42px",boxSizing:"border-box",display:"flex",flexDirection:"column",alignItems:"center",gap:"12px"},f={margin:"0 0 12px 0",textAlign:"center",fontSize:"13px",color:"#9

1CA3AF"},y={display:"flex",width:"324px",padding:"16px 0",justifyContent:"center",alignItems:"center",gap:"8px",borderRadius:"1000px",border:"none",backgroundColor:"#03B8F1",color:"#FFFFFF",fontWeight:900,fontSize:"18px"},m={position:"relative",width:"100%"},b={...u,display:"flex",alignItems:"center",justifyContent:"space-between",backgroundColor:"#fff",border:"1px solid #c8ced7",cursor:"pointer",gap:"10px"},F={textAlign:"left",fontWeight:700},v={fontSize:"12px",transition:"transform 0.15s ease"},S={position:"absolute",top:"calc(100% + 8px)",left:0,right:0,maxHeight:260,overflowY:"auto",backgroundColor:"#fff",border:"1px solid var(--Grey2)",borderRadius:"12px",boxShadow:"0 18px 45px rgba(0,0,0,0.12)",zIndex:9999,padding:"6px"},w={padding:"12px 12px",borderRadius:"10px",cursor:"pointer",fontWeight:700,fontSize:"15px",color:"#111827"},k={backgroundColor:"#E6F7FF"},C=["간호대학","건설환경도시공학부","건축학과","경영대학","경제학부","고고미술사학과","공예과","공과대학\xb7광역","관현악과","학부대학\xb7광역","교육학과","국악과","국어교육과","국어국문학과","기계공학부","노어노문학과","농경제사회학부","독어교육과","독어독문학과","동양화과","디자인과","물리천문학부","물리교육과","미학과","바이오시스템\xb7소재학부","불어교육과","불어불문학과","사회교육과","사회복지학과","사회학과","산림과학부","산업공학과","생명과학부","생물교육과","서양화과","서어서문학과","성악과","소비자아동학부","수리과학부","수의예과","수학교육과","스마트시스템과학과","식물생산과학부","식품\xb7동물생명공학부","식품영양학과","심리학과","아시아언어문명학부","약학계열","언론정보학과","언어학과","에너지자원공학과","역사교육과","역사학부","영어교육과","영어영문학과","원자핵공학과","윤리교육과","음악학과","응용생물화학부","의류학과","의예과","인류학과","인문계열","자유전공학부","작곡과","재료공학부","전기\xb7정보공학부","정치외교학부","조경\xb7지역시스템공학부","조선해양공학과","조소과","종교학과","중어중문학과","지구과학교육과","지구환경과학부","지리교육과","지리학과","철학과","첨단융합학부","체육교육과","치의학과","컴퓨터공학부","통계학과","피아노과","항공우주공학과","화학교육과","화학부","화학생물공학부"]}},function(e){e.O(0,[2888,9774,179],function(){return e(e.s=86121)}),_N_E=e.O()}]);