-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathcomponent---src-pages-mentoring-intro-tsx-5f1411f9497d915f6b47.js
2 lines (2 loc) · 62.7 KB
/
component---src-pages-mentoring-intro-tsx-5f1411f9497d915f6b47.js
1
2
(self.webpackChunklubycon_home=self.webpackChunklubycon_home||[]).push([[72],{7228:function(e){e.exports=function(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r},e.exports.default=e.exports,e.exports.__esModule=!0},2858:function(e){e.exports=function(e){if(Array.isArray(e))return e},e.exports.default=e.exports,e.exports.__esModule=!0},3884:function(e){e.exports=function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,o,i=[],a=!0,l=!1;try{for(n=n.call(e);!(a=(r=n.next()).done)&&(i.push(r.value),!t||i.length!==t);a=!0);}catch(s){l=!0,o=s}finally{try{a||null==n.return||n.return()}finally{if(l)throw o}}return i}},e.exports.default=e.exports,e.exports.__esModule=!0},521:function(e){e.exports=function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")},e.exports.default=e.exports,e.exports.__esModule=!0},3038:function(e,t,n){var r=n(2858),o=n(3884),i=n(379),a=n(521);e.exports=function(e,t){return r(e)||o(e,t)||i(e,t)||a()},e.exports.default=e.exports,e.exports.__esModule=!0},379:function(e,t,n){var r=n(7228);e.exports=function(e,t){if(e){if("string"==typeof e)return r(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?r(e,t):void 0}},e.exports.default=e.exports,e.exports.__esModule=!0},5536:function(e,t,n){"use strict";var r=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});var o=r(n(2246)),i=n(2246);Object.defineProperty(t,"RellaxWrapper",{enumerable:!0,get:function(){return i.default}}),t.default=o.default},2246:function(e,t,n){"use strict";var r=n(3038),o=this&&this.__createBinding||(Object.create?function(e,t,n,r){void 0===r&&(r=n),Object.defineProperty(e,r,{enumerable:!0,get:function(){return t[n]}})}:function(e,t,n,r){void 0===r&&(r=n),e[r]=t[n]}),i=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),a=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var n in e)"default"!==n&&Object.hasOwnProperty.call(e,n)&&o(t,e,n);return i(t,e),t},l=this&&this.__rest||function(e,t){var n={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&t.indexOf(r)<0&&(n[r]=e[r]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var o=0;for(r=Object.getOwnPropertySymbols(e);o<r.length;o++)t.indexOf(r[o])<0&&Object.prototype.propertyIsEnumerable.call(e,r[o])&&(n[r[o]]=e[r[o]])}return n},s=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});var c=a(n(7294)),u=s(n(4388));t.default=function(e){var t=e.children,n=e.className,o=e.zIndex,i=e.speed,a=e.mobile,s=e.tablet,d=e.desktop,p=e.percentage,m=e.xs,f=e.style,g=l(e,["children","className","zIndex","speed","mobile","tablet","desktop","percentage","xs","style"]),x=c.useState(null),h=r(x,2),v=h[0],b=h[1],y=c.useRef(null);return c.useEffect((function(){return y.current&&b(new u.default(y.current,g)),function(){v&&v.destroy()}}),[y]),c.default.createElement("div",{ref:y,"data-rellax-speed":i&&i.toString(),"data-rellax-xs-speed":m&&m.toString(),"data-rellax-mobile-speed":a&&a.toString(),"data-rellax-tablet-speed":s&&s.toString(),"data-rellax-desktop-speed":d&&d.toString(),"data-rellax-zindex":o&&o.toString(),"data-rellax-percentage":p&&p.toString(),className:n,style:f},t)}},4388:function(e,t,n){var r,o,i;"undefined"!=typeof window?window:n.g,o=[],void 0===(i="function"==typeof(r=function(){return function e(t,n){"use strict";var r=Object.create(e.prototype),o=0,i=0,a=0,l=0,s=[],c=!0,u=window.requestAnimationFrame||window.webkitRequestAnimationFrame||window.mozRequestAnimationFrame||window.msRequestAnimationFrame||window.oRequestAnimationFrame||function(e){return setTimeout(e,1e3/60)},d=null,p=!1;try{var m=Object.defineProperty({},"passive",{get:function(){p=!0}});window.addEventListener("testPassive",null,m),window.removeEventListener("testPassive",null,m)}catch(z){}var f=window.cancelAnimationFrame||window.mozCancelAnimationFrame||clearTimeout,g=window.transformProp||function(){var e=document.createElement("div");if(null===e.style.transform){var t=["Webkit","Moz","ms"];for(var n in t)if(void 0!==e.style[t[n]+"Transform"])return t[n]+"Transform"}return"transform"}();function x(){if(3===r.options.breakpoints.length&&Array.isArray(r.options.breakpoints)){var e,t=!0,n=!0;if(r.options.breakpoints.forEach((function(r){"number"!=typeof r&&(n=!1),null!==e&&r<e&&(t=!1),e=r})),t&&n)return}r.options.breakpoints=[576,768,1201],console.warn("Rellax: You must pass an array of 3 numbers in ascending order to the breakpoints option. Defaults reverted")}r.options={speed:-2,verticalSpeed:null,horizontalSpeed:null,breakpoints:[576,768,1201],center:!1,wrapper:null,relativeToWrapper:!1,round:!0,vertical:!0,horizontal:!1,verticalScrollAxis:"y",horizontalScrollAxis:"x",callback:function(){}},n&&Object.keys(n).forEach((function(e){r.options[e]=n[e]})),n&&n.breakpoints&&x(),t||(t=".rellax");var h="string"==typeof t?document.querySelectorAll(t):[t];if(h.length>0){if(r.elems=h,r.options.wrapper&&!r.options.wrapper.nodeType){var v=document.querySelector(r.options.wrapper);if(!v)return void console.warn("Rellax: The wrapper you're trying to use doesn't exist.");r.options.wrapper=v}var b,y=function(e){var t=r.options.breakpoints;return e<t[0]?"xs":e>=t[0]&&e<t[1]?"sm":e>=t[1]&&e<t[2]?"md":"lg"},Z=function(){for(var e=0;e<r.elems.length;e++){var t=E(r.elems[e]);s.push(t)}},w=function e(){for(var t=0;t<s.length;t++)r.elems[t].style.cssText=s[t].style;s=[],i=window.innerHeight,l=window.innerWidth,b=y(l),S(),Z(),A(),c&&(window.addEventListener("resize",e),c=!1,M())},E=function(e){var t,n=e.getAttribute("data-rellax-percentage"),o=e.getAttribute("data-rellax-speed"),a=e.getAttribute("data-rellax-xs-speed"),s=e.getAttribute("data-rellax-mobile-speed"),c=e.getAttribute("data-rellax-tablet-speed"),u=e.getAttribute("data-rellax-desktop-speed"),d=e.getAttribute("data-rellax-vertical-speed"),p=e.getAttribute("data-rellax-horizontal-speed"),m=e.getAttribute("data-rellax-vertical-scroll-axis"),f=e.getAttribute("data-rellax-horizontal-scroll-axis"),g=e.getAttribute("data-rellax-zindex")||0,x=e.getAttribute("data-rellax-min"),h=e.getAttribute("data-rellax-max"),v=e.getAttribute("data-rellax-min-x"),y=e.getAttribute("data-rellax-max-x"),Z=e.getAttribute("data-rellax-min-y"),w=e.getAttribute("data-rellax-max-y"),E=!0;a||s||c||u?t={xs:a,sm:s,md:c,lg:u}:E=!1;var S=r.options.wrapper?r.options.wrapper.scrollTop:window.pageYOffset||document.documentElement.scrollTop||document.body.scrollTop;r.options.relativeToWrapper&&(S=(window.pageYOffset||document.documentElement.scrollTop||document.body.scrollTop)-r.options.wrapper.offsetTop);var C=r.options.vertical&&(n||r.options.center)?S:0,M=r.options.horizontal&&(n||r.options.center)?r.options.wrapper?r.options.wrapper.scrollLeft:window.pageXOffset||document.documentElement.scrollLeft||document.body.scrollLeft:0,A=C+e.getBoundingClientRect().top,z=e.clientHeight||e.offsetHeight||e.scrollHeight,P=M+e.getBoundingClientRect().left,D=e.clientWidth||e.offsetWidth||e.scrollWidth,R=n||(C-A+i)/(z+i),T=n||(M-P+l)/(D+l);r.options.center&&(T=.5,R=.5);var W=E&&null!==t[b]?Number(t[b]):o||r.options.speed,j=d||r.options.verticalSpeed,N=p||r.options.horizontalSpeed,O=m||r.options.verticalScrollAxis,_=f||r.options.horizontalScrollAxis,B=k(T,R,W,j,N),F=e.style.cssText,I="",L=/transform\s*:/i.exec(F);if(L){var H=L.index,Y=F.slice(H),V=Y.indexOf(";");I=V?" "+Y.slice(11,V).replace(/\s/g,""):" "+Y.slice(11).replace(/\s/g,"")}return{baseX:B.x,baseY:B.y,top:A,left:P,height:z,width:D,speed:W,verticalSpeed:j,horizontalSpeed:N,verticalScrollAxis:O,horizontalScrollAxis:_,style:F,transform:I,zindex:g,min:x,max:h,minX:v,maxX:y,minY:Z,maxY:w}},S=function(){var e=o,t=a;if(o=r.options.wrapper?r.options.wrapper.scrollTop:(document.documentElement||document.body.parentNode||document.body).scrollTop||window.pageYOffset,a=r.options.wrapper?r.options.wrapper.scrollLeft:(document.documentElement||document.body.parentNode||document.body).scrollLeft||window.pageXOffset,r.options.relativeToWrapper){var n=(document.documentElement||document.body.parentNode||document.body).scrollTop||window.pageYOffset;o=n-r.options.wrapper.offsetTop}return!(e==o||!r.options.vertical)||!(t==a||!r.options.horizontal)},k=function(e,t,n,o,i){var a={},l=(i||n)*(100*(1-e)),s=(o||n)*(100*(1-t));return a.x=r.options.round?Math.round(l):Math.round(100*l)/100,a.y=r.options.round?Math.round(s):Math.round(100*s)/100,a},C=function e(){window.removeEventListener("resize",e),window.removeEventListener("orientationchange",e),(r.options.wrapper?r.options.wrapper:window).removeEventListener("scroll",e),(r.options.wrapper?r.options.wrapper:document).removeEventListener("touchmove",e),d=u(M)},M=function e(){S()&&!1===c?(A(),d=u(e)):(d=null,window.addEventListener("resize",C),window.addEventListener("orientationchange",C),(r.options.wrapper?r.options.wrapper:window).addEventListener("scroll",C,!!p&&{passive:!0}),(r.options.wrapper?r.options.wrapper:document).addEventListener("touchmove",C,!!p&&{passive:!0}))},A=function(){for(var e,t=0;t<r.elems.length;t++){var n=s[t].verticalScrollAxis.toLowerCase(),c=s[t].horizontalScrollAxis.toLowerCase(),u=-1!=n.indexOf("x")?o:0,d=-1!=n.indexOf("y")?o:0,p=-1!=c.indexOf("x")?a:0,m=(d+(-1!=c.indexOf("y")?a:0)-s[t].top+i)/(s[t].height+i),f=(u+p-s[t].left+l)/(s[t].width+l),x=(e=k(f,m,s[t].speed,s[t].verticalSpeed,s[t].horizontalSpeed)).y-s[t].baseY,h=e.x-s[t].baseX;null!==s[t].min&&(r.options.vertical&&!r.options.horizontal&&(x=x<=s[t].min?s[t].min:x),r.options.horizontal&&!r.options.vertical&&(h=h<=s[t].min?s[t].min:h)),null!=s[t].minY&&(x=x<=s[t].minY?s[t].minY:x),null!=s[t].minX&&(h=h<=s[t].minX?s[t].minX:h),null!==s[t].max&&(r.options.vertical&&!r.options.horizontal&&(x=x>=s[t].max?s[t].max:x),r.options.horizontal&&!r.options.vertical&&(h=h>=s[t].max?s[t].max:h)),null!=s[t].maxY&&(x=x>=s[t].maxY?s[t].maxY:x),null!=s[t].maxX&&(h=h>=s[t].maxX?s[t].maxX:h);var v=s[t].zindex,b="translate3d("+(r.options.horizontal?h:"0")+"px,"+(r.options.vertical?x:"0")+"px,"+v+"px) "+s[t].transform;r.elems[t].style[g]=b}r.options.callback(e)};return r.destroy=function(){for(var e=0;e<r.elems.length;e++)r.elems[e].style.cssText=s[e].style;c||(window.removeEventListener("resize",w),c=!0),f(d),d=null},w(),r.refresh=w,r}console.warn("Rellax: The elements you're trying to select don't exist.")}})?r.apply(t,o):r)||(e.exports=i)},3218:function(e,t,n){"use strict";n.r(t),n.d(t,{default:function(){return Kt}});var r=n(7294),o=n(5162),i=n(3547),a=n(939),l=n(6449),s=n(7951),c=n(9308),u=n(78),d=n(2846),p=n(2840),m=n(885),f=n(6164),g=n(5893);var x=function(e){var t=e.children,n=e.defer,o=void 0!==n&&n,i=e.fallback,a=void 0===i?null:i,l=r.useState(!1),s=(0,m.Z)(l,2),c=s[0],u=s[1];return(0,f.Z)((function(){o||u(!0)}),[o]),r.useEffect((function(){o&&u(!0)}),[o]),(0,g.jsx)(r.Fragment,{children:c?t:a})},h=n(5536),v=n.n(h),b=function(e){var t=e.size,n=e.fill,o=e.className;return r.createElement("svg",{width:t,height:t,className:o},r.createElement("circle",{cx:t/2,cy:t/2,r:t/2,fill:n}))},y=function(e){var t=e.size,n=e.fill,i=e.degree,a=e.className,l=(0,r.useMemo)((function(){return(0,o.pk)({x:t/2,y:t/2,radius:t/2,degree:i})}),[t,i]);return r.createElement("svg",{width:t,height:t,className:a},r.createElement("path",{d:l,fill:n}))},Z=function(e){var t=e.size,n=t.width,o=t.height,i=e.points,a=e.fill,l=e.className,s=i.map((function(e){var t=e[0],r=e[1];return n*t+", "+o*r})).join(" ");return r.createElement("svg",{width:n,height:o,className:l},r.createElement("polygon",{points:s,fill:a}))},w=.7,E=function(e,t){return!0===t?e/3.5:e},S=function(){var e=(0,l.Z)(),t=(0,p.Z)(e.breakpoints.down("md")),n=(0,r.useMemo)((function(){return{redCircle:E(204,t),yellowArc:E(710,t),greenArc:E(350,t),blueTriangle:{width:E(80,t),height:E(100,t)}}}),[t]);return r.createElement(x,null,r.createElement(s.Z,{sx:{position:"absolute",top:0,left:0,width:"100%"}},r.createElement(v(),{speed:.5},r.createElement(s.Z,{component:b,sx:{position:"absolute",top:100,right:"25%",opacity:w},fill:"#E73C22",size:n.redCircle})),r.createElement(v(),{speed:3},r.createElement(s.Z,{component:y,size:n.yellowArc,sx:{position:"absolute",top:{md:180,xs:250},right:{md:"12%",xs:"10%"},transform:"rotate(-16deg)",opacity:w},fill:"#F1AD25",degree:180})),r.createElement(v(),{speed:1.5},r.createElement(s.Z,{component:y,size:n.greenArc,fill:"#00C090",degree:180,sx:{position:"absolute",top:{md:750,xs:550},left:"5%",transform:"rotate(29.31deg)",opacity:w}})),r.createElement(v(),{speed:5},r.createElement(s.Z,{component:Z,size:{width:n.blueTriangle.width,height:n.blueTriangle.height},fill:"#2248E6",points:[[.8,0],[1,.95],[0,1]],sx:{position:"absolute",top:{md:1200,xs:750},right:"40%",transform:"rotate(25.35deg)",opacity:w}}))))},k=n(1405),C=n(9605),M=n(3659),A=n(9900),z=n(9922);var P=n(2267),D=n(9179),R=0;function T(){var e=R;return R++,e}var W=function(e){var t=e.children,n=e.initial,o=e.isPresent,i=e.onExitComplete,a=e.custom,l=e.presenceAffectsLayout,s=(0,D.h)(j),c=(0,D.h)(T),u=(0,r.useMemo)((function(){return{id:c,initial:n,isPresent:o,custom:a,onExitComplete:function(e){s.set(e,!0);var t=!0;s.forEach((function(e){e||(t=!1)})),t&&(null==i||i())},register:function(e){return s.set(e,!1),function(){return s.delete(e)}}}}),l?void 0:[o]);return(0,r.useMemo)((function(){s.forEach((function(e,t){return s.set(t,!1)}))}),[o]),r.useEffect((function(){!o&&!s.size&&(null==i||i())}),[o]),r.createElement(P.O.Provider,{value:u},t)};function j(){return new Map}var N=n(9180);function O(e){return e.key||""}var _=function(e){var t=e.children,n=e.custom,o=e.initial,i=void 0===o||o,a=e.onExitComplete,l=e.exitBeforeEnter,s=e.presenceAffectsLayout,c=void 0===s||s,u=function(){var e=(0,r.useRef)(!1),t=(0,A.CR)((0,r.useState)(0),2),n=t[0],o=t[1];return(0,z.z)((function(){return e.current=!0})),(0,r.useCallback)((function(){!e.current&&o(n+1)}),[n])}(),d=(0,r.useContext)(N.WH);(0,N.Md)(d)&&(u=d.forceUpdate);var p=(0,r.useRef)(!0),m=function(e){var t=[];return r.Children.forEach(e,(function(e){(0,r.isValidElement)(e)&&t.push(e)})),t}(t),f=(0,r.useRef)(m),g=(0,r.useRef)(new Map).current,x=(0,r.useRef)(new Set).current;if(function(e,t){e.forEach((function(e){var n=O(e);t.set(n,e)}))}(m,g),p.current)return p.current=!1,r.createElement(r.Fragment,null,m.map((function(e){return r.createElement(W,{key:O(e),isPresent:!0,initial:!!i&&void 0,presenceAffectsLayout:c},e)})));for(var h=(0,A.ev)([],(0,A.CR)(m)),v=f.current.map(O),b=m.map(O),y=v.length,Z=0;Z<y;Z++){var w=v[Z];-1===b.indexOf(w)?x.add(w):x.delete(w)}return l&&x.size&&(h=[]),x.forEach((function(e){if(-1===b.indexOf(e)){var t=g.get(e);if(t){var o=v.indexOf(e);h.splice(o,0,r.createElement(W,{key:O(t),isPresent:!1,onExitComplete:function(){g.delete(e),x.delete(e);var t=f.current.findIndex((function(t){return t.key===e}));f.current.splice(t,1),x.size||(f.current=m,u(),a&&a())},custom:n,presenceAffectsLayout:c},t))}}})),h=h.map((function(e){var t=e.key;return x.has(t)?e:r.createElement(W,{key:O(e),isPresent:!0,presenceAffectsLayout:c},e)})),f.current=h,r.createElement(r.Fragment,null,x.size?h:h.map((function(e){return(0,r.cloneElement)(e)})))},B=n(4126),F={initial:{opacity:0,y:30},show:{opacity:1,y:0},exit:{opacity:0,y:-30}},I=function(e){var t=e.texts,n=e.delaySecond,o=(0,r.useState)(0),i=o[0],a=o[1];(0,M.Yz)((function(){a(i+1)}),1e3*n);var l=(0,r.useRef)(null),c=(0,M.h4)(l).width;return r.createElement(r.Fragment,null,r.createElement(s.Z,{component:"span",display:"inline-flex",flexDirection:"column",sx:{borderBottom:"1px solid #000",textAlign:"center",width:0===c?"auto":c}},r.createElement(_,{exitBeforeEnter:!0},t.map((function(e,n){return n===i%t.length?r.createElement(s.Z,{key:e+"-"+n,sx:{listStyle:"none",margin:0,padding:0,fontWeight:"bold"},component:B.E.span,variants:F,initial:"initial",animate:"show",exit:"exit",transition:{type:"easeOut",duration:.5}},e):null})))),r.createElement(s.Z,{ref:l,component:"span",display:"flex",flexDirection:"column",sx:{position:"fixed",left:-1e4}},t.map((function(e,t){return r.createElement("span",{key:e+"-"+t},e)}))))},L=n(7408),H=n(6241),Y=n(5444),V=new Date,X=new Date(C.uw),q=new Date(C.Iz),K={textAlign:"center",marginTop:{md:"32px",xs:"16px"},fontSize:{md:"20px",xs:"16px"}},U=function(){var e=(0,l.Z)().spacing,t=(0,L.P)().status,n=(0,r.useMemo)((function(){var e=t===H.gg["사전신청"]?q:X,n=(0,k.Z)(e,V);return 0===n?"D-Day":n<-100||n<0?"":"D-"+n}),[t]),o=(0,r.useCallback)((function(){a.C2.click("apply_button",{position:"intro_section"});t===H.gg["사전신청"]?window.open("https://forms.gle/DjyTPgscQaJTnTyF9"):t===H.gg["신청기간"]?(0,Y.navigate)("/mentoring/apply-forms/"):window.open("mailto:[email protected]?subject=루비콘 샌드박스에 대해 문의합니다")}),[t]),i=(0,r.useMemo)((function(){switch(t){case H.gg["사전신청"]:return"사전신청하고 20% 할인받기";case H.gg["신청기간"]:return"지원하기";default:return"문의하기"}}),[t]);return r.createElement(s.Z,{sx:{height:"100vh",backgroundColor:"#FFFFFF",padding:"0 "+e(2)},display:"flex",justifyContent:"center",alignItems:"center"},r.createElement(s.Z,{display:"flex",flexDirection:"column",alignItems:"center",sx:{zIndex:1}},""===n?null:r.createElement(s.Z,{sx:{backgroundColor:"#C5E5DD",padding:"0 14px"}},r.createElement(d.Z,{delay:0},r.createElement(c.Z,{variant:"h1",sx:{whiteSpace:"nowrap",fontWeight:"bold",fontSize:{md:24,xs:16},lineHeight:1,transform:"translateY(-8px)"}},"샌드박스 ",t===H.gg["사전신청"]?"사전신청":"신청"," 마감 ",n))),r.createElement(d.Z,{delay:.1,duration:.7},r.createElement(c.Z,{variant:"h2",sx:{fontWeight:"bold",fontSize:{md:60,xs:24},marginTop:{md:"22px",xs:0},lineHeight:"81px","& strong":{color:"primary.main"}}},"LUBYCON ",r.createElement(s.Z,{component:"strong"},"SANDBOX"))),r.createElement(d.Z,{delay:1},r.createElement(c.Z,{sx:K},"개발/디자인만 잘 하면 좋은 개발자/디자이너가 될 수 있는 걸까요? ",r.createElement("br",null),"No. 업계를 리드하는 회사들은"," ",r.createElement(I,{delaySecond:2,texts:["제품을 만들 줄 아는","커뮤니케이션 잘 하는","스스로 성장할 수 있는"]})," ","사람을 찾고 있어요.")),r.createElement(s.Z,{component:u.Z,color:"primary",variant:"contained",size:"large",onClick:o,sx:{fontSize:{md:24,xs:16},fontWeight:"bold",padding:"8px 50px",marginTop:10}},i)),r.createElement(s.Z,{sx:{zIndex:0}},r.createElement(S,null)))},J=n(3366),$=n(5616),G=n(4320),Q=n(4942),ee=n(7462),te=n(5505),ne=n(600),re=n(5025),oe=n(9240),ie=n(6502),ae=n(8290),le=n(4584),se=n(8953),ce=n(7761),ue=n(8348),de=n(2717),pe=n(5495);function me(e){return(0,de.Z)("MuiDialog",e)}var fe=(0,pe.Z)("MuiDialog",["root","scrollPaper","scrollBody","container","paper","paperScrollPaper","paperScrollBody","paperWidthFalse","paperWidthXs","paperWidthSm","paperWidthMd","paperWidthLg","paperWidthXl","paperFullWidth","paperFullScreen"]);var ge=(0,r.createContext)({}),xe=n(2764),he=["aria-describedby","aria-labelledby","BackdropComponent","BackdropProps","children","className","disableEscapeKeyDown","fullScreen","fullWidth","maxWidth","onBackdropClick","onClose","open","PaperComponent","PaperProps","scroll","TransitionComponent","transitionDuration","TransitionProps"],ve=(0,ue.ZP)(xe.Z,{name:"MuiDialog",slot:"Backdrop",overrides:function(e,t){return t.backdrop}})({zIndex:-1}),be=(0,ue.ZP)(ie.Z,{name:"MuiDialog",slot:"Root",overridesResolver:function(e,t){return t.root}})({"@media print":{position:"absolute !important"}}),ye=(0,ue.ZP)("div",{name:"MuiDialog",slot:"Container",overridesResolver:function(e,t){var n=e.ownerState;return[t.container,t["scroll".concat((0,oe.Z)(n.scroll))]]}})((function(e){var t=e.ownerState;return(0,ee.Z)({height:"100%","@media print":{height:"auto"},outline:0},"paper"===t.scroll&&{display:"flex",justifyContent:"center",alignItems:"center"},"body"===t.scroll&&{overflowY:"auto",overflowX:"hidden",textAlign:"center","&:after":{content:'""',display:"inline-block",verticalAlign:"middle",height:"100%",width:"0"}})})),Ze=(0,ue.ZP)(se.Z,{name:"MuiDialog",slot:"Paper",overridesResolver:function(e,t){var n=e.ownerState;return[t.paper,t["scrollPaper".concat((0,oe.Z)(n.scroll))],t["paperWidth".concat((0,oe.Z)(String(n.maxWidth)))],n.fullWidth&&t.paperFullWidth,n.fullScreen&&t.paperFullScreen]}})((function(e){var t=e.theme,n=e.ownerState;return(0,ee.Z)({margin:32,position:"relative",overflowY:"auto","@media print":{overflowY:"visible",boxShadow:"none"}},"paper"===n.scroll&&{display:"flex",flexDirection:"column",maxHeight:"calc(100% - 64px)"},"body"===n.scroll&&{display:"inline-block",verticalAlign:"middle",textAlign:"left"},!n.maxWidth&&{maxWidth:"calc(100% - 64px)"},"xs"===n.maxWidth&&(0,Q.Z)({maxWidth:"px"===t.breakpoints.unit?Math.max(t.breakpoints.values.xs,444):"".concat(t.breakpoints.values.xs).concat(t.breakpoints.unit)},"&.".concat(fe.paperScrollBody),(0,Q.Z)({},t.breakpoints.down(Math.max(t.breakpoints.values.xs,444)+64),{maxWidth:"calc(100% - 64px)"})),"xs"!==n.maxWidth&&(0,Q.Z)({maxWidth:"".concat(t.breakpoints.values[n.maxWidth]).concat(t.breakpoints.unit)},"&.".concat(fe.paperScrollBody),(0,Q.Z)({},t.breakpoints.down(t.breakpoints.values[n.maxWidth]+64),{maxWidth:"calc(100% - 64px)"})),n.fullWidth&&{width:"calc(100% - 64px)"},n.fullScreen&&(0,Q.Z)({margin:0,width:"100%",maxWidth:"100%",height:"100%",maxHeight:"none",borderRadius:0},"&.".concat(fe.paperScrollBody),{margin:0,maxWidth:"100%"}))})),we={enter:le.x9.enteringScreen,exit:le.x9.leavingScreen},Ee=r.forwardRef((function(e,t){var n=(0,ce.Z)({props:e,name:"MuiDialog"}),o=n["aria-describedby"],i=n["aria-labelledby"],a=n.BackdropComponent,l=n.BackdropProps,s=n.children,c=n.className,u=n.disableEscapeKeyDown,d=void 0!==u&&u,p=n.fullScreen,m=void 0!==p&&p,f=n.fullWidth,x=void 0!==f&&f,h=n.maxWidth,v=void 0===h?"sm":h,b=n.onBackdropClick,y=n.onClose,Z=n.open,w=n.PaperComponent,E=void 0===w?se.Z:w,S=n.PaperProps,k=void 0===S?{}:S,C=n.scroll,M=void 0===C?"paper":C,A=n.TransitionComponent,z=void 0===A?ae.Z:A,P=n.transitionDuration,D=void 0===P?we:P,R=n.TransitionProps,T=(0,J.Z)(n,he),W=(0,ee.Z)({},n,{disableEscapeKeyDown:d,fullScreen:m,fullWidth:x,maxWidth:v,scroll:M}),j=function(e){var t=e.classes,n=e.scroll,r=e.maxWidth,o=e.fullWidth,i=e.fullScreen,a={root:["root"],container:["container","scroll".concat((0,oe.Z)(n))],paper:["paper","paperScroll".concat((0,oe.Z)(n)),"paperWidth".concat((0,oe.Z)(String(r))),o&&"paperFullWidth",i&&"paperFullScreen"]};return(0,ne.Z)(a,me,t)}(W),N=r.useRef(),O=(0,re.Z)(i),_=r.useMemo((function(){return{titleId:O}}),[O]);return(0,g.jsx)(be,(0,ee.Z)({className:(0,te.Z)(j.root,c),BackdropProps:(0,ee.Z)({transitionDuration:D,as:a},l),closeAfterTransition:!0,BackdropComponent:ve,disableEscapeKeyDown:d,onClose:y,open:Z,ref:t,onClick:function(e){N.current&&(N.current=null,b&&b(e),y&&y(e,"backdropClick"))},ownerState:W},T,{children:(0,g.jsx)(z,(0,ee.Z)({appear:!0,in:Z,timeout:D,role:"presentation"},R,{children:(0,g.jsx)(ye,{className:(0,te.Z)(j.container),onMouseDown:function(e){N.current=e.target===e.currentTarget},ownerState:W,children:(0,g.jsx)(Ze,(0,ee.Z)({as:E,elevation:24,role:"dialog","aria-describedby":o,"aria-labelledby":O},k,{className:(0,te.Z)(j.paper,k.className),ownerState:W,children:(0,g.jsx)(ge.Provider,{value:_,children:s})}))})}))}))}));function Se(e){return(0,de.Z)("MuiDialogTitle",e)}(0,pe.Z)("MuiDialogTitle",["root"]);var ke=["className","id"],Ce=(0,ue.ZP)(c.Z,{name:"MuiDialogTitle",slot:"Root",overridesResolver:function(e,t){return t.root}})({padding:"16px 24px",flex:"0 0 auto"}),Me=r.forwardRef((function(e,t){var n=(0,ce.Z)({props:e,name:"MuiDialogTitle"}),o=n.className,i=n.id,a=(0,J.Z)(n,ke),l=n,s=function(e){var t=e.classes;return(0,ne.Z)({root:["root"]},Se,t)}(l),c=r.useContext(ge).titleId,u=void 0===c?i:c;return(0,g.jsx)(Ce,(0,ee.Z)({component:"h2",className:(0,te.Z)(s.root,o),ownerState:l,ref:t,variant:"h6",id:u},a))}));function Ae(e){return(0,de.Z)("MuiDialogContent",e)}(0,pe.Z)("MuiDialogContent",["root","dividers"]);var ze=["className","dividers"],Pe=(0,ue.ZP)("div",{name:"MuiDialogContent",slot:"Root",overridesResolver:function(e,t){var n=e.ownerState;return[t.root,n.dividers&&t.dividers]}})((function(e){var t=e.theme,n=e.ownerState;return(0,ee.Z)({flex:"1 1 auto",WebkitOverflowScrolling:"touch",overflowY:"auto",padding:"20px 24px"},n.dividers?{padding:"16px 24px",borderTop:"1px solid ".concat(t.palette.divider),borderBottom:"1px solid ".concat(t.palette.divider)}:{".MuiDialogTitle-root + &":{paddingTop:0}})})),De=r.forwardRef((function(e,t){var n=(0,ce.Z)({props:e,name:"MuiDialogContent"}),r=n.className,o=n.dividers,i=void 0!==o&&o,a=(0,J.Z)(n,ze),l=(0,ee.Z)({},n,{dividers:i}),s=function(e){var t=e.classes,n={root:["root",e.dividers&&"dividers"]};return(0,ne.Z)(n,Ae,t)}(l);return(0,g.jsx)(Pe,(0,ee.Z)({className:(0,te.Z)(s.root,r),ownerState:l,ref:t},a))}));function Re(e){return(0,de.Z)("MuiDialogContentText",e)}(0,pe.Z)("MuiDialogContentText",["root"]);var Te=["children"],We=(0,ue.ZP)(c.Z,{shouldForwardProp:function(e){return(0,ue.FO)(e)||"classes"===e},name:"MuiDialogContentText",slot:"Root",overridesResolver:function(e,t){return t.root}})({}),je=r.forwardRef((function(e,t){var n=(0,ce.Z)({props:e,name:"MuiDialogContentText"}),r=(0,J.Z)(n,Te),o=function(e){var t=e.classes,n=(0,ne.Z)({root:["root"]},Re,t);return(0,ee.Z)({},t,n)}(r);return(0,g.jsx)(We,(0,ee.Z)({component:"p",variant:"body1",color:"text.secondary",ref:t,ownerState:r},n,{classes:o}))})),Ne=n(1004),Oe=["benefit"],_e=[{title:"뇌피셜은 이제 그만!\n데이터를 보고 만들어요",summary:"업계를 리드하는 회사들은 절대 뇌피셜로 제품을 개발하지 않고 철저한 데이터 기반 의사결정을 통해 제품을 만들고 개선해나가요.",image:"https://assets.lubycon.io/illusts/streamline-icon-statistic-research%40400x400.png",description:'개발자나 디자이너처럼 제품을 만드는 사람들이 가장 크게 착각하는 것 중 하나는 바로 "내가 좋다고 생각한 아이디어를 다른 사람도 좋아할거야"라고 생각하는 것이죠.\n\n시장에서 제대로 작동하는 제품을 만들기 위해서는 철저한 데이터 기반의 사고와 빠른 실행력이 필요해요. 한번도 제품을 실제로 시장에 배포한 적이 없는 상황에서 이야기하는 가설들은 말 그대로 뇌피셜이기 때문에, 빠르게 제품을 사용자들에게 던져주고 써보라고 한 다음에 조금씩 방향을 잡아나가야 하는 것이죠.\n\n여러분은 루비콘 샌드박스에서 아이디어를 매우 작은 단위의 기능으로 구성된 MVP로 구현하고, 실제로 사용자들이 여러분의 제품을 사용하면서 어떻게 반응하는지 관찰하고 분석하며 제품을 조금씩 개선하면서, 내가 원하는 제품이 아니라 사용자들이 원하는 제품을 만드는 방법을 배울 거에요.'},{title:"업계를 리드하는\n회사의 문화를 경험해보아요",summary:"업계를 리드하는 회사들은 모두 좋은 문화를 가지고 있어요. 루비콘 샌드박스에서 좋은 문화란 무엇인지, 왜 문화가 조직에 도움이 된다는 것인지 직접 경험해보세요",image:"https://assets.lubycon.io/illusts/[email protected]",description:"업계를 리드하는 회사들은 모두 좋은 문화를 가지고 있어요. 이런 문화들은 공통적으로 신속한 커뮤니케이션, 투명한 정보 공유, 가감없는 피드백 등을 내세우며, 조직의 구성원들이 안정감을 느끼며 최대한 퍼포먼스를 낼 수 있는 환경을 만드는 역할을 하죠.\n\n하지만 여러분은 그런 회사에 입사하기 전까지는 그런 문화를 경험해볼 수 없어요. 그리고 이런 문화가 익숙하지 않다면, 당장 팀원들에게 나의 상태를 어떻게 공유하며 협업을 해야 하는지, 어떻게 피드백을 줘야하는지도 어렵게 다가오죠.\n\n그래서 아이러니하게도 좋은 문화를 가지고 있는 회사들은 이런 문화를 어색해하지 않고 잘 적응할 수 있는 사람들을 찾고 있어요. 컬쳐 면접이나 임원 면접이라는 이름으로 말이죠.\n\n하지만 루비콘 샌드박스에는 이미 그런 곳에서 일을 하고 좋은 문화에 익숙한 멘토들이 있어요. 그래서 루비콘 팀에는 오래 전부터 신속한 커뮤니케이션, 투명한 정보 공유, 가감없는 피드백 등의 문화가 자리잡혀있습니다.\n\n여러분은 루비콘 샌드박스에서 멘토와 함께 제품을 개발하면서, 왜 이런 문화가 팀의 퍼포먼스에 도움이 되는지, 그리고 정말로 손발이 척척 맞는 협업이라는 것이 무엇인지, 자연스럽게 경험하게 될 거에요."},{title:"메이트들이 직접 준비한\n꿀팁을 들어보세요",summary:"여러분과 함께할 메이트들이 지금까지 일을 하며 쌓은 경험을 정리한 여러가지 세션이 준비되어있어요. 이 노하우와 꿀팁을 모두 전수해드릴게요.",image:"https://assets.lubycon.io/illusts/streamline-icon-creative-idea-desk%40400x400.png",description:"샌드박스를 진행하는 동안 2주마다 열리는 올핸즈 미팅에서는 멘토들이 직접 준비한 세션을 진행합니다.\n\n이 세션에서 여러분은 좋은 커뮤니케이션은 어떻게 하는 것인지, MVP는 왜 정의해야 하는 것인지, 연봉 협상은 어떤 전략으로 해야하는지, 동료에게 피드백을 어떻게 해야 하는지 등 여러분이 앞으로 제품을 만드는 메이커 직군인 개발자나 디자이너로써 살아가기 위해 필요한 다양한 지식들을 배울 거에요.\n\n만약 내용이 이해되지 않아도 걱정마세요. 우리 팀의 멘토에게 이해가 되지 않는 부분에 대해서 물어보면 이해할 때까지 붙잡고 알려줄테니까요."},{title:"일방적으로 가르침을 주는 멘토가 아닌,\n팀원으로써의 메이트",summary:"루비콘 샌드박스의 메이트는 일반적인 멘토링과 다르게 일방적으로 가르침을 주는 관계가 아니에요. 일 잘 하는 사람들과 함께 일하며 자연스럽게 학습하는 경험을 해보세요.",image:"https://assets.lubycon.io/illusts/streamline-icon-work-desk-4%40400x400.png",description:"루비콘 샌드박스의 멘토는 프론트엔드 개발자, 백엔드 개발자, 프로덕트 디자이너로 구성된 하나의 팀을 이끄는 리더에요.\n\n멘토 또한 팀원이기 때문에 매터모스트 메신저나 팀의 미팅에 참석해서 함께 좋은 제품을 만들 아이디어를 나누고 방향성을 제시하며 여러분과 함께 12주 동안 같은 팀원으로써 제품을 만들게 됩니다.\n\n또한 루비콘 샌드박스는 멘토와 멘티가 함께 할 수 있는 공식적으로 통해 많은 이야기를 나눌 수 있는 프로그램들을 운영하고 있어요.\n\n여러분은 멘토와 2주에 한번씩 진행하는 1 on 1 커피챗과 함께 자기 평가를 진행하고, 점수가 낮게 나온 항목은 왜 점수가 낮은지, 이 항목을 개선하려면 어떻게 해야할 지에 대해 깊은 이야기를 나누고 다음 2주 동안 실행해야 하는 액션 아이템을 정하게 될 거에요.\n\n물론 1 on 1 커피챗은 말 그대로 편하고 가벼운 자리이기 때문에, 이 시간에 개인적인 고민을 상담하셔도 상관없어요. 이 자리에서 나눴던 둘 만의 이야기는 절대 다른 멘토들에게 공유되지 않거든요."},{title:"폭발적인 퍼포먼스를 낼 수 있는\n모든 인프라를 지원해줘요",summary:"12주라는 짧은 기간 안에 정말 제품을 배포하고 개선까지 해볼 수 있을까요? 걱정마세요. 루비콘 팀은 여러분의 제품 개발 속도를 위해 모든 기술적 서포트를 지원하고 있거든요.",image:"https://assets.lubycon.io/illusts/streamline-icon-app-network-launch%40400x400.png",description:"루비콘 샌드박스는 여러분이 12주라는 짧은 시간 안에 폭발적인 퍼포먼스를 내어 제품을 개발하고 사용자의 데이터를 분석하며, 다시 제품을 개선할 수 있는 최적의 기술적 환경을 제공하고 있습니다.\n\n이전 기수의 멘티들이 준비해놓은 루비콘 프론트엔드 챕터의 공통 라이브러리를 사용하거나, 루비콘 팀의 DevOps 길드에서 구축해놓은 데이터 파이프라인, 시각화 분석 도구, CI/CD를 적극적으로 활용해서 미친 속도로 MVP를 만들어보세요.\n\n이렇게 크고 복잡한 규모의 인프라를 구축하고 운영하는 데는 전문적인 DevOps 엔지니어가 필요해요. 그래서 작은 규모의 회사에서는 리소스 부족으로 인해 시도하지 못 하는 경우가 대부분이지만, 네카라쿠배처럼 업계를 리드하는 회사들은 모두 전문적인 인프라와 이를 개발하고 운영하는 플랫폼 조직을 가지고 있죠.\n\n여러분은 루비콘 샌드박스에서 이러한 인프라 시스템을 직접 사용하며, 플랫폼 조직이 있는 회사에서는 대형 인프라를 어떻게 구축하고 운영하는지 직접 뜯어보며 지식을 쌓을 수도 있고, 제품을 만드는 개발자가 플랫폼 조직과 어떻게 협업해야 하는 지도 배울 거에요.\n\n만약 여러분이 원한다면 직접 DevOps 길드에 가입해서 루비콘의 DevOps 인프라 시스템에 기여할 수도 있어요."}],Be=function(e){var t,n=e.benefit,o=(0,J.Z)(e,Oe);return r.createElement(Ee,o,r.createElement(s.Z,{component:"img",src:null==n?void 0:n.image,alt:"",sx:{width:120,paddingTop:5,paddingLeft:2,margin:"0 auto"}}),r.createElement(Me,{sx:{textAlign:"center",fontWeight:"bold"}},null==n?void 0:n.title),r.createElement(De,null,r.createElement(je,{sx:{whiteSpace:"pre-line",color:"common.black",marginBottom:5},dangerouslySetInnerHTML:{__html:null!==(t=null==n?void 0:n.description)&&void 0!==t?t:""}})))},Fe=function(){var e=(0,l.Z)().spacing,t=(0,M.zj)(),n=t[0],o=t[1],i=t[2],u=(0,r.useState)(null),p=u[0],m=u[1];return r.createElement(s.Z,{component:"section",sx:{padding:{md:e(34)+" 0",xs:e(10)+" 0"},zIndex:1}},r.createElement($.Z,null,r.createElement(c.Z,{component:"h2",sx:{fontWeight:"bold",fontSize:{md:56,xs:24}},gutterBottom:!0},"루비콘 샌드박스에서 경험해보세요"),r.createElement(c.Z,{sx:{marginBottom:{md:"82px",xs:"40px"}}},"루비콘 샌드박스는 단순히 개발이나 디자인 스킬에 대한 방향을 가이드하는 것이 아니라,",r.createElement("br",null),"실제로 좋은 문화를 가진 기업에서 일 하는 것과 유사한 경험을 통해 성장하는 것을 목표로 하고 있어요."),r.createElement(G.ZP,{container:!0,spacing:2,justifyContent:"center"},_e.map((function(e,t){var n=e.title,i=e.image,l=e.description,s=e.summary;return r.createElement(G.ZP,{item:!0,xs:12,sm:6,md:4,key:t},r.createElement(d.Z,null,r.createElement(Ne.Z,{key:t,title:n,description:s,image:i,onClick:function(){a.C2.click("benefit_card",{title:n}),o(),m({title:n,image:i,description:l,summary:s})}})))})))),r.createElement(Be,{open:n,onClose:function(){i(),m(null)},benefit:p}))},Ie=[{title:"아이템 선정 / MVP 정의",description:"팀원들과 아이디어를 나누고 팀원들이 함께 바라볼 가슴 뛰는 목표를 세우며 그 아이디어를 실현할 MVP를 정의합니다.",startWeek:1,endWeek:3},{title:"디자인 및 개발 진행 / 첫 배포",description:"MVP를 1~2주 안에 빠르게 디자인하고 개발하여 첫 배포하는 것을 목표로 합니다.",startWeek:4,endWeek:6},{title:"배포 후 데이터 분석 / 이터레이션",description:"배포한 MVP를 사용하는 사용자들의 데이터를 토대로 합리적인 가설을 세워 제품을 개선합니다.",startWeek:7,endWeek:9},{title:"지표 공유 / 최종 회고",description:"제품 개선 이터레이션을 계속 해서 반복하며 성장시킨 지표를 샌드박스에 참여한 사람들에게 공유하고 최종 회고를 진행합니다.",startWeek:10,endWeek:12}],Le=function(){return r.createElement(G.ZP,{container:!0,spacing:2},Ie.map((function(e){var t=e.title,n=e.description,o=e.startWeek,i=e.endWeek;return r.createElement(G.ZP,{item:!0,xs:12,md:3,key:t},r.createElement(d.Z,null,r.createElement(c.Z,{sx:{fontSize:13,fontWeight:"bold",color:"#505050",marginBottom:"10px"}},"week ",o," - ",i),r.createElement(c.Z,{sx:{fontWeight:"bold",color:"#505050",fontSize:16}},t),r.createElement(c.Z,{sx:{color:"#505050",fontSize:14,marginBottom:2}},n)))})))},He=["session"],Ye=[{title:"👬 아름다운 커뮤니케이션 스킬",color:"#8D9098",description:"우리의 추억 속 대학교 조별과제는 왜 안 좋은 기억으로 남는 걸까요?\n\n이렇게 서로 잘 모르는 사람들이 모여서 함께 협업을 할 때, 우리는 어떻게 해야 효율적이고 추진력있게 일을 처리할 수 있는 걸까요?\n\n루비콘 팀과 함께 투명하고 신속한 커뮤니케이션, 그리고 팀원들과 커뮤니케이션을 할 때 어떤 점들을 고민해봐야 하는지 함께 알아보아요."},{title:"🚀 MVP 기획은 결국 뇌피셜, 검증은 시장에서.",color:"#8D9098",description:"처음에는 분명 깔끔한 아이디어로 시작했던 우리의 제품. 하지만 막상 만들다보니 왠지 이런 기능도 필요할 것 같고, 저런 기능도 필요할 것 같은 생각이 들어요.\n\n만약 이런 생각이 든다면, 일단 제품 개발을 멈추세요. 지금은 MVP를 명확하게 정의해야 할 때니까요.\n\n많은 조직들은 최소 비용으로 최대의 효과를 만들어내는 개발 방법론으로 MVP(Minimum Viable Product)를 이야기하고 있어요. MVP는 제품 개발에 있어서 굉장히 중요한 요소이지만, 회사에 들어가서 직접 경험해보기 전까지는 이런 개념이 있다는 것 조차 모르는 경우도 있죠.\n\n그래서 루비콘 팀이 MVP에 대한 모든 것을 준비했습니다."},{title:"💰 연봉 협상 잘 하는 방법 (feat. 스톡옵션)",color:"#8D9098",description:"연봉 협상은 신입이든 경력직이든 누구나 한번 쯤은 겪게 되는 필수 코스이지만, 막상 연봉 협상을 하려고 하면 내가 정말 이 정도의 돈을 요구해도 되는 것인지, 스톡옵션은 또 뭐고 클리프랑 베스팅은 또 뭔지... 머리가 너무 아파와요.\n\n루비콘 팀과 함께 연봉 협상에 대한 다양한 전략들과 스톡옵션이나 RSU와 같이 회사에서 제안하는 다양한 증권 보상들에 대해서 알아볼까요?"},{title:"🔈 좋은 피드백은 어떻게 줘야 할까?",color:"#8D9098",description:"많은 기업들이 수평적인 관계에서 비롯되는 투명한 피드백이라는 문화를 도입하려고 하고 있지만, 막상 조직에 도입하려고 하면 조직원들의 소극적인 태도와 방어적인 심리 기재 때문에 좌절되는 경우가 많아요.\n\n하지만 구글이나 넷플릭스 같은 외국 기업들은 이런 문화가 잘 정착되어 있다는데...이런 피드백 문화는 대한민국의 문화와는 맞지 않는걸까요?\n\n아니에요. 사실 피드백을 단순히 부정적인 이야기를 하는 것이 아니라 상대방과 내가 모두 발전할 수 있는 논의를 시작하기 위한 방아쇠에요.\n\n그래서 올바른 피드백이란 무엇인지, 우리 팀에 피드백이라는 문화를 정착시키기 위해 신경써야 하는 것이 무엇인지 정리해보았어요!"},{title:"🏃♂️ 삐걱삐걱 발 맞추기",color:"#8D9098",description:"우리는 항상 다양한 사람들과 협업을 하고 있죠. 그 중에서도 특히 개발자와 디자이너는 IT 업계의 대표적인 협업 파트너라고 해도 과언이 아닌데요.\n\n개발자와 디자이너는 서로 밀접한 분야에서 일을 하고 커뮤니케이션을 많이 하는 직군이지만, 좋은 제품에 대한 서로의 가치관이 조금 달라서 부딫히는 경우가 생길 수도 있어요.\n\n하지만 두 직군 모두 좋은 제품을 만들고 싶다는 마음은 같기 때문에, 상대방이 중요하게 생각하는 것이 무엇인지 조금만 고민하고 배려하는 것만으로도 더 좋은 팀을 만들 수 있을거에요.\n\n그럼 개발자가 디자이너와 협업할 때, 그리고 디자이너가 개발자와 협업할 때 어떤 것들을 신경쓰고 고민해야 할까요? 루비콘 팀과 함께 알아보아요!"},{title:"👨🏫 핵심 인재의 길",color:"#8D9098",description:"핵심 인재는 어떤 조직 내에서 특별하게 인정받는 사람들을 이야기해요. 핵심 인재가 되면 많은 경제적 보상을 받거나 이직이 수월해지고, 다른 회사의 CEO들에게 커피챗 신청이 들어오는 등 다양한 경험들을 해볼 수 있죠.\n\n그렇다면 핵심 인재는 특별히 재능이 뛰어난 천재같은 사람들만 될 수 있는 걸까요?\n\n아니에요. 핵심 인재는 재능만으로 될 수 있는 게 아니라, 나의 성과를 명확하게 측정하고 기록하거나 단순히 개발이나 디자인에 대한 능력만 키우는 것이 아니라 비즈니스 인사이트를 키우는 등 방향성이 또렷한 노력이 만들어내는 것이에요.\n\n루비콘 팀과 함께 핵심 인재가 되면 어떤 삶이 기다리고 있는지, 왜 핵심 인재라는 목표를 만들어야 하는 것인지 알아보아요."},{title:"👌 실패해도 괜찮아. 실패하며 성장하기.",color:"#8D9098",description:"많은 사람들은 실패라는 단어를 두려워하고 실패를 자꾸 피하려고 해요. 하지만 실패라는 것은 피한다고 해서 피해질 수 있는 것이 아니죠.\n\n그럼 어떻게 해야할까요? 실패하는 상황을 받아들이고 포기하라는 걸까요?\n\n아니에요. 여러분은 실패를 분석하고 명확한 액션아이템을 만들어가면서 실패라는 녀석을 철저하게 이용해야 합니다. 즉, 실패를 이용하면서 성장해야 한다는 것이에요.\n\n루비콘 팀과 함께 실패를 경험했을 때 어떤 분석을 하고 어떻게 액션 아이템을 만들어야 하는지 알아보아요."},{title:"📊 a/b테스트, 지표 수집을 통한 Data Driven Decision",color:"#8D9098",description:"우리가 이번 주에 배포한 제품을 실제로 사용자들이 잘 사용하고 있는지, 혹은 이 제품이 얼마 만큼의 성과를 만들어 내고 있는지 어떻게 알 수 있을까요?\n\n그 정답은 바로 데이터에 있습니다. 데이터를 통해 우리가 세웠던 가설대로 사용자들이 반응하고 있는지, 우리가 예측하지 못 했던 변수는 없는지, 우리가 맞는 방향으로 가고 있는지를 알아내는 것이죠.\n\n그래서 루비콘 팀은 여러분이 데이터 기반 의사결정을 경험할 수 있도록 대표적인 실험 방법론인 A/B 테스트를 소개해드리고, 어떻게 해야 빠르게 이런 실험 환경을 구축할 수 있는지 소개해드릴거에요."}],Ve=function(e){var t,n=e.session,o=(0,J.Z)(e,He);return r.createElement(Ee,o,r.createElement(Me,{sx:{textAlign:"center",fontWeight:"bold",marginTop:3}},null==n?void 0:n.title),r.createElement(De,null,r.createElement(je,{sx:{whiteSpace:"pre-line",color:"common.black",marginBottom:5},dangerouslySetInnerHTML:{__html:null!==(t=null==n?void 0:n.description)&&void 0!==t?t:""}})))},Xe=function(){var e=(0,M.zj)(),t=e[0],n=e[1],o=e[2],i=(0,r.useState)(null),l=i[0],u=i[1];return r.createElement(s.Z,{sx:{marginTop:{md:"52px",xs:"24px"}}},r.createElement(c.Z,{sx:{fontWeight:"bold",fontSize:18}},"Lubycon Sessions"),r.createElement(c.Z,{sx:{marginBottom:2,fontSize:14}},"각 세션을 클릭하시면 조금 더 자세한 내용을 보실 수 있어요!"),r.createElement(s.Z,{sx:{marginLeft:"-12px"},display:"flex",flexWrap:"wrap"},Ye.map((function(e){var t=e.title,o=e.color,i=e.description;return r.createElement(s.Z,{component:d.Z,key:t,sx:{flexGrow:1,marginBottom:1.5,marginLeft:1,cursor:"pointer",transition:"transform .2s ease-in",boxShadow:1,"&:hover":{transform:"translateY(-6px)"}},onClick:function(){a.C2.click("mentor_session",{title:t}),u({title:t,color:o,description:i}),n()}},r.createElement(c.Z,{sx:{color:"#ffffff",padding:{md:"12px 16px",xs:"10px 8px"},borderRadius:"8px",whiteSpace:"nowrap",textAlign:"center",fontWeight:"bold",fontSize:{md:16,sm:14,xs:12},backgroundColor:o}},t))}))),r.createElement(Ve,{open:t,onClose:function(){o(),u(null)},session:l}))},qe=function(){var e=(0,l.Z)().spacing;return r.createElement("section",null,r.createElement($.Z,null,r.createElement(c.Z,{variant:"h4",component:"h2",sx:{fontWeight:"bold",textAlign:"center",marginBottom:2,fontSize:{xs:24,md:"h4.fontSize"}}},"샌드박스 타임라인 미리보기"),r.createElement(c.Z,{sx:{marginBottom:{md:5,xs:4},textAlign:"center",fontSize:{md:18,xs:16}}},"여러분은 루비콘 샌드박스에서 12주 동안 빠르게 MVP를 릴리즈하고 데이터를 수집하여 제품을 개선하는 과정을 반복할 거에요.",r.createElement("br",null),"2주마다 열리는 올핸즈 미팅에서는 루비콘 팀이 준비한 세션 발표도 있으니 놓치지 마세요!")),r.createElement(s.Z,{sx:{padding:{md:"88px 0 115px",xs:e(5)+" 0"},backgroundColor:"#F4F6F9"},display:"flex",flexDirection:"column"},r.createElement($.Z,null,r.createElement(Le,null),r.createElement(Xe,null))))},Ke=n(751),Ue=n(7753),Je=n(2526),$e=n(6991),Ge=n(7250),Qe=function(){var e=(0,r.useState)(0),t=e[0],n=e[1],o=(0,r.useCallback)((function(e){null!=e&&n(e.clientWidth)}),[]),i=t/3,a=(0,r.useState)(!1),l=a[0],u=a[1];return(0,r.useEffect)((function(){var e=setInterval((function(){u((function(e){return!e}))}),800);return function(){clearInterval(e)}}),[]),r.createElement(s.Z,{component:Ge.Z,to:"https://lubycon.notion.site/3a06c7b26d894b7d95aefa135eaa88ea",sx:{textDecoration:"none"}},r.createElement(B.E.div,{ref:o,style:{originX:.5,originY:.5},initial:"small",animate:l?"small":"large",variants:{small:{opacity:.5,scale:.9},large:{opacity:1,scale:1}},transition:{type:"spring",bounce:.7,duration:1.5}},r.createElement("svg",{width:t,height:t,xmlns:"http://www.w3.org/2000/svg",version:"1.1"},r.createElement("circle",{cx:t/2,cy:t-i,r:i,fill:"#DDDDDD",stroke:"none"})),r.createElement(s.Z,{display:"flex",justifyContent:"center",alignItems:"center",sx:{position:"absolute",width:2*i,height:2*i,top:t-2*i,left:"50%",transform:"translateX(-50%)"}},r.createElement(c.Z,{variant:"h5",fontWeight:"bold",color:$e.Z[700],sx:{fontSize:{md:"h5.fontSize",xs:"h6.fontSize"}}},"CLICK ME"))),r.createElement(c.Z,{variant:"subtitle1",fontWeight:"bold",sx:{marginTop:2,textAlign:"center",color:$e.Z[800]}},"루비콘 팀과 함께할",r.createElement("br",null),"메이트를 모집하고 있어요!"))},et=C.dm,tt=C.nB,nt=function(){var e=(0,l.Z)().spacing,t=(0,Ke.d)().filter((function(e){return tt.includes(e.id)}));return r.createElement(s.Z,{component:"section",sx:{padding:{md:e(15)+" 0",xs:e(10)+" 0"}}},r.createElement($.Z,null,r.createElement(c.Z,{variant:"h4",component:"h2",sx:{fontWeight:"bold",textAlign:"center",marginBottom:{md:2,xs:1},fontSize:{md:"h4.fontSize",xs:20}}},"12주 간 샌드박스를 함께할 메이트들이에요"),r.createElement(c.Z,{sx:{marginBottom:{md:10,xs:4},textAlign:"center",fontSize:{md:18,xs:16}}},"메이트들은 각자 1개의 팀을 맡아서 12주 동안 여러분을 도와줄 거예요. ",r.createElement(Ue.Z,{emoji:"🙌",name:"hi"}),r.createElement("br",null),"샌드박스에 참여하는 모든 분들은 다른 팀의 메이트나 팀원들과도 자유롭게 소통할 수 있고, ",r.createElement("br",null),"메이트들은 같은 직군끼리 모인 조직인 챕터에서도 만날 수 있으니, 우리 팀 메이트의 포지션이 내 포지션과 다르더라도 걱정 마세요."),r.createElement(G.ZP,{container:!0},t.map((function(e){return r.createElement(G.ZP,{item:!0,key:e.id,xs:6,sm:4,md:"auto",sx:{width:{md:"25%",xs:"50%"}}},r.createElement(d.Z,null,r.createElement(Je.Z,{member:e,backgroundColor:"#FCD1CA"})))})),et?r.createElement(G.ZP,{item:!0,xs:6,sm:4,md:"auto",sx:{width:{md:"25%",xs:"50%"}}},r.createElement(d.Z,null,r.createElement(Qe,null))):null)))},rt=n(664),ot=n(6572),it=function(){var e=(0,L.P)().status,t=(0,l.Z)().spacing,n=(0,ot.T)("symbol"),i=e===H.gg["사전신청"]?C.nt-C.nt*C.JF:C.nt,d=(0,r.useCallback)((function(){a.C2.click("apply_button",{position:"bottom_section"});e===H.gg["사전신청"]?window.open("https://forms.gle/DjyTPgscQaJTnTyF9"):e===H.gg["신청기간"]?(0,Y.navigate)("/mentoring/apply-forms/"):window.open("mailto:[email protected]?subject=루비콘 샌드박스에 대해 문의합니다")}),[e]),p=(0,r.useMemo)((function(){switch(e){case H.gg["사전신청"]:return{title:"지금 바로 사전신청하세요!",ctaText:"사전신청하고 20% 할인받기"};case H.gg["신청기간"]:return{title:"지금 바로 지원하세요!",ctaText:"지원하기"};default:return{title:"아직 모집이 시작되지 않았어요",ctaText:"문의하기"}}}),[e]),m=p.title,f=p.ctaText;return r.createElement(s.Z,{component:"section",sx:{padding:{md:t(8)+" 0",xs:t(5)+" 0"}}},r.createElement($.Z,null,r.createElement(s.Z,{display:"flex",flexDirection:"column",alignItems:"center"},r.createElement(s.Z,{component:"img",src:n,alt:"루비콘 로고",sx:{width:74}})),r.createElement(c.Z,{variant:"h4",component:"h2",sx:{fontWeight:"bold",textAlign:"center",fontSize:{md:56,xs:30},marginTop:{md:3,xs:2}}},m),r.createElement(s.Z,{display:"flex",justifyContent:"center"},r.createElement(rt.Z,{sx:{margin:t(5)+" 0",padding:t(2)+" "+t(5)}},r.createElement(s.Z,{display:"flex",justifyContent:"space-between"},r.createElement(c.Z,{sx:{color:$e.Z[800]}},"12주 과정")),r.createElement(s.Z,{display:"flex",alignItems:"center"},r.createElement(c.Z,{sx:{fontSize:{md:46,xs:40},lineHeight:1.2,color:"primary.main",fontWeight:"bold"}},(0,o.jZ)(i),"원")))),r.createElement(c.Z,{sx:{textAlign:"center",marginBottom:"54px",fontSize:{md:18,xs:16}}},"루비콘은 12주 동안의 프로젝트를 완수할 수 있는 최소한의 책임감을 가진 팀원들과 함께하기를,",r.createElement("br",null),"모든 팀원에게 루비콘 샌드박스가 열정있는 사람들과의 좋은 기억으로 남기를 바랍니다.",r.createElement("br",null),"기타 문의사항이 있다면"," ",r.createElement(s.Z,{component:"a",sx:{color:"primary.main"},href:"mailto:[email protected]",target:"_blank",rel:"noreferrer"},"[email protected]"),"로 보내주세요!"),r.createElement(s.Z,{display:"flex",justifyContent:"center"},r.createElement(s.Z,{component:u.Z,color:"primary",variant:"contained",size:"large",onClick:d,sx:{fontSize:{md:24,xs:16},fontWeight:"bold",padding:"8px 50px"}},f))))};function at(e){return(0,de.Z)("MuiCardActionArea",e)}var lt=(0,pe.Z)("MuiCardActionArea",["root","focusVisible","focusHighlight"]),st=n(3096),ct=["children","className","focusVisibleClassName"],ut=(0,ue.ZP)(st.Z,{name:"MuiCardActionArea",slot:"Root",overridesResolver:function(e,t){return t.root}})((function(e){var t,n=e.theme;return t={display:"block",textAlign:"inherit",width:"100%"},(0,Q.Z)(t,"&:hover .".concat(lt.focusHighlight),{opacity:n.palette.action.hoverOpacity,"@media (hover: none)":{opacity:0}}),(0,Q.Z)(t,"&.".concat(lt.focusVisible," .").concat(lt.focusHighlight),{opacity:n.palette.action.focusOpacity}),t})),dt=(0,ue.ZP)("span",{name:"MuiCardActionArea",slot:"FocusHighlight",overridesResolver:function(e,t){return t.focusHighlight}})((function(e){var t=e.theme;return{overflow:"hidden",pointerEvents:"none",position:"absolute",top:0,right:0,bottom:0,left:0,borderRadius:"inherit",opacity:0,backgroundColor:"currentcolor",transition:t.transitions.create("opacity",{duration:t.transitions.duration.short})}})),pt=r.forwardRef((function(e,t){var n=(0,ce.Z)({props:e,name:"MuiCardActionArea"}),r=n.children,o=n.className,i=n.focusVisibleClassName,a=(0,J.Z)(n,ct),l=n,s=function(e){var t=e.classes;return(0,ne.Z)({root:["root"],focusHighlight:["focusHighlight"]},at,t)}(l);return(0,g.jsxs)(ut,(0,ee.Z)({className:(0,te.Z)(s.root,o),focusVisibleClassName:(0,te.Z)(i,s.focusVisible),ref:t,ownerState:l},a,{children:[r,(0,g.jsx)(dt,{className:s.focusHighlight,ownerState:l})]}))}));function mt(e){return(0,de.Z)("MuiCardHeader",e)}var ft=(0,pe.Z)("MuiCardHeader",["root","avatar","action","content","title","subheader"]),gt=["action","avatar","className","component","disableTypography","subheader","subheaderTypographyProps","title","titleTypographyProps"],xt=(0,ue.ZP)("div",{name:"MuiCardHeader",slot:"Root",overridesResolver:function(e,t){var n;return(0,ee.Z)((n={},(0,Q.Z)(n,"& .".concat(ft.title),t.title),(0,Q.Z)(n,"& .".concat(ft.subheader),t.subheader),n),t.root)}})({display:"flex",alignItems:"center",padding:16}),ht=(0,ue.ZP)("div",{name:"MuiCardHeader",slot:"Avatar",overridesResolver:function(e,t){return t.avatar}})({display:"flex",flex:"0 0 auto",marginRight:16}),vt=(0,ue.ZP)("div",{name:"MuiCardHeader",slot:"Action",overridesResolver:function(e,t){return t.action}})({flex:"0 0 auto",alignSelf:"flex-start",marginTop:-4,marginRight:-8,marginBottom:-4}),bt=(0,ue.ZP)("div",{name:"MuiCardHeader",slot:"Content",overridesResolver:function(e,t){return t.content}})({flex:"1 1 auto"}),yt=r.forwardRef((function(e,t){var n=(0,ce.Z)({props:e,name:"MuiCardHeader"}),r=n.action,o=n.avatar,i=n.className,a=n.component,l=void 0===a?"div":a,s=n.disableTypography,u=void 0!==s&&s,d=n.subheader,p=n.subheaderTypographyProps,m=n.title,f=n.titleTypographyProps,x=(0,J.Z)(n,gt),h=(0,ee.Z)({},n,{component:l,disableTypography:u}),v=function(e){var t=e.classes;return(0,ne.Z)({root:["root"],avatar:["avatar"],action:["action"],content:["content"],title:["title"],subheader:["subheader"]},mt,t)}(h),b=m;null==b||b.type===c.Z||u||(b=(0,g.jsx)(c.Z,(0,ee.Z)({variant:o?"body2":"h5",className:v.title,component:"span",display:"block"},f,{children:b})));var y=d;return null==y||y.type===c.Z||u||(y=(0,g.jsx)(c.Z,(0,ee.Z)({variant:o?"body2":"body1",className:v.subheader,color:"text.secondary",component:"span",display:"block"},p,{children:y}))),(0,g.jsxs)(xt,(0,ee.Z)({className:(0,te.Z)(v.root,i),as:l,ref:t,ownerState:h},x,{children:[o&&(0,g.jsx)(ht,{className:v.avatar,ownerState:h,children:o}),(0,g.jsxs)(bt,{className:v.content,ownerState:h,children:[b,y]}),r&&(0,g.jsx)(vt,{className:v.action,ownerState:h,children:r})]}))})),Zt=(0,n(2067).Z)((0,g.jsx)("path",{d:"M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"}),"Person");function wt(e){return(0,de.Z)("MuiAvatar",e)}(0,pe.Z)("MuiAvatar",["root","colorDefault","circular","rounded","square","img","fallback"]);var Et=["alt","children","className","component","imgProps","sizes","src","srcSet","variant"],St=(0,ue.ZP)("div",{name:"MuiAvatar",slot:"Root",overridesResolver:function(e,t){var n=e.ownerState;return[t.root,t[n.variant],n.colorDefault&&t.colorDefault]}})((function(e){var t=e.theme,n=e.ownerState;return(0,ee.Z)({position:"relative",display:"flex",alignItems:"center",justifyContent:"center",flexShrink:0,width:40,height:40,fontFamily:t.typography.fontFamily,fontSize:t.typography.pxToRem(20),lineHeight:1,borderRadius:"50%",overflow:"hidden",userSelect:"none"},"rounded"===n.variant&&{borderRadius:t.shape.borderRadius},"square"===n.variant&&{borderRadius:0},n.colorDefault&&{color:t.palette.background.default,backgroundColor:"light"===t.palette.mode?t.palette.grey[400]:t.palette.grey[600]})})),kt=(0,ue.ZP)("img",{name:"MuiAvatar",slot:"Img",overridesResolver:function(e,t){return t.img}})({width:"100%",height:"100%",textAlign:"center",objectFit:"cover",color:"transparent",textIndent:1e4}),Ct=(0,ue.ZP)(Zt,{name:"MuiAvatar",slot:"Fallback",overridesResolver:function(e,t){return t.fallback}})({width:"75%",height:"75%"});var Mt=r.forwardRef((function(e,t){var n=(0,ce.Z)({props:e,name:"MuiAvatar"}),o=n.alt,i=n.children,a=n.className,l=n.component,s=void 0===l?"div":l,c=n.imgProps,u=n.sizes,d=n.src,p=n.srcSet,f=n.variant,x=void 0===f?"circular":f,h=(0,J.Z)(n,Et),v=null,b=function(e){var t=e.crossOrigin,n=e.referrerPolicy,o=e.src,i=e.srcSet,a=r.useState(!1),l=(0,m.Z)(a,2),s=l[0],c=l[1];return r.useEffect((function(){if(o||i){c(!1);var e=!0,r=new Image;return r.onload=function(){e&&c("loaded")},r.onerror=function(){e&&c("error")},r.crossOrigin=t,r.referrerPolicy=n,r.src=o,i&&(r.srcset=i),function(){e=!1}}}),[t,n,o,i]),s}((0,ee.Z)({},c,{src:d,srcSet:p})),y=d||p,Z=y&&"error"!==b,w=(0,ee.Z)({},n,{colorDefault:!Z,component:s,variant:x}),E=function(e){var t=e.classes,n={root:["root",e.variant,e.colorDefault&&"colorDefault"],img:["img"],fallback:["fallback"]};return(0,ne.Z)(n,wt,t)}(w);return v=Z?(0,g.jsx)(kt,(0,ee.Z)({alt:o,src:d,srcSet:p,sizes:u,ownerState:w,className:E.img},c)):null!=i?i:y&&o?o[0]:(0,g.jsx)(Ct,{className:E.fallback}),(0,g.jsx)(St,(0,ee.Z)({as:s,ownerState:w,className:(0,te.Z)(E.root,a),ref:t},h,{children:v}))}));function At(e){return(0,de.Z)("MuiCardContent",e)}(0,pe.Z)("MuiCardContent",["root"]);var zt=["className","component"],Pt=(0,ue.ZP)("div",{name:"MuiCardContent",slot:"Root",overridesResolver:function(e,t){return t.root}})((function(){return{padding:16,"&:last-child":{paddingBottom:24}}})),Dt=r.forwardRef((function(e,t){var n=(0,ce.Z)({props:e,name:"MuiCardContent"}),r=n.className,o=n.component,i=void 0===o?"div":o,a=(0,J.Z)(n,zt),l=(0,ee.Z)({},n,{component:i}),s=function(e){var t=e.classes;return(0,ne.Z)({root:["root"]},At,t)}(l);return(0,g.jsx)(Pt,(0,ee.Z)({as:i,className:(0,te.Z)(s.root,r),ownerState:l,ref:t},a))})),Rt=n(2692),Tt=n(5332),Wt=n(6486),jt=n(8127);function Nt(e){return(0,de.Z)("MuiMasonry",e)}(0,pe.Z)("MuiMasonry",["root"]);var Ot=r.createContext({}),_t=["children","className","component","columns","spacing"],Bt=(0,ue.ZP)("div",{name:"MuiMasonry",slot:"Root",overridesResolver:function(e,t){return[t.root]}})((function(e){var t=e.ownerState,n=e.theme,r={display:"grid",gridAutoRows:0,padding:0,overflow:"auto",width:"100%",rowGap:2,boxSizing:"border-box"},o={};Object.keys(n.breakpoints.values).forEach((function(e){null!=t.spacing[e]&&(o[e]=!0)}));var i=(0,Rt.P$)({values:t.spacing,base:o}),a=(0,Tt.hB)(n);r=(0,ee.Z)({},r,(0,Rt.k9)({theme:n},i,(function(e){return{columnGap:(0,Tt.NA)(a,e)}})));var l=(0,Rt.P$)({values:t.columns,base:o});return r=(0,Wt.Z)(r,(0,Rt.k9)({theme:n},l,(function(e){return{gridTemplateColumns:"repeat(".concat(e,", 1fr)")}})))})),Ft=r.forwardRef((function(e,t){var n=(0,ce.Z)({props:e,name:"MuiMasonry"}),o=r.useRef(),i=n.children,a=n.className,l=n.component,s=void 0===l?"div":l,c=n.columns,u=void 0===c?4:c,d=n.spacing,p=void 0===d?1:d,m=(0,J.Z)(n,_t),f=(0,ee.Z)({},n,{spacing:p,columns:u}),x=function(e){var t=e.classes;return(0,ne.Z)({root:["root"]},Nt,t)}(f),h=r.useMemo((function(){return{spacing:p}}),[p]),v=!1;r.useEffect((function(){var e=function(){1998!==o.current.clientHeight||v||(console.warn(["MUI: The Masonry can have the maximum height of 2,000px on Chrome browser.","Items that go beyond this height fail to be rendered on Chrome browser.","You can find more in this open issue: https://github.com/mui-org/material-ui/issues/27934"].join("\n")),v=!0)},t=o.current;return t.addEventListener("scroll",e),function(){t.removeEventListener("scroll",e)}}),[]);var b=(0,jt.Z)(t,o);return(0,g.jsx)(Ot.Provider,{value:h,children:(0,g.jsx)(Bt,(0,ee.Z)({as:s,className:(0,te.Z)(x.root,a),ref:b,ownerState:f},m,{children:i}))})})),It=Ft;function Lt(e){return(0,de.Z)("MuiMasonryItem",e)}(0,pe.Z)("MuiMasonryItem",["root"]);var Ht=["children","className","component","columnSpan","defaultHeight"],Yt=(0,ue.ZP)("div",{name:"MuiMasonryItem",slot:"Root",overridesResolver:function(e,t){return[t.root]}})((function(e){var t=e.ownerState,n=e.theme,r={width:"100%","& > *":(0,ee.Z)({width:"100%",boxSizing:"inherit"},t.hasDefaultHeight&&{height:"100%"}),visibility:t.height?"visible":"hidden",gridColumnEnd:"span ".concat(t.columnSpan),boxSizing:"inherit"};if(Array.isArray(t.spacing)||"object"==typeof t.spacing){var o={};Object.keys(n.breakpoints.values).forEach((function(e){null!=t.spacing[e]&&(o[e]=!0)}));var i=(0,Rt.P$)({values:t.spacing,base:o}),a=(0,Tt.hB)(n);r=(0,ee.Z)({},r,(0,Rt.k9)({theme:n},i,(function(e){var n=t.height?Number((0,Tt.NA)(a,e).replace("px","")):0,r=t.height?Math.ceil((t.height+n)/2):2;return{gridRowEnd:"span ".concat(r),paddingBottom:0===n?0:n-2}})))}return r})),Vt=r.forwardRef((function(e,t){var n=(0,ce.Z)({props:e,name:"MuiMasonryItem"}),o=r.useRef(null),i=r.useContext(Ot).spacing,a=void 0===i?1:i,s=n.children,c=n.className,u=n.component,d=void 0===u?"div":u,p=n.columnSpan,f=void 0===p?1:p,x=n.defaultHeight,h=(0,J.Z)(n,Ht),v=void 0!==x,b=r.useState(x),y=(0,m.Z)(b,2),Z=y[0],w=y[1],E=(0,ee.Z)({},n,{spacing:a,hasDefaultHeight:v,columnSpan:f,height:Z<0?0:Z}),S=function(e){var t=e.classes;return(0,ne.Z)({root:["root"]},Lt,t)}(E);r.useEffect((function(){if(!v&&"undefined"!=typeof ResizeObserver){var e=new ResizeObserver((function(e){var t=(0,m.Z)(e,1)[0];w(t.contentRect.height)}));return e.observe(o.current.firstChild),function(){e.disconnect()}}}),[v]);var k=(0,jt.Z)(t,o),C=(0,l.Z)(),M={};if(!Array.isArray(a)&&"object"!=typeof a){var A=Z?Number(C.spacing(a).replace("px","")):0,z=Z?Math.ceil((Z+A)/2):2;M.gridRowEnd="span ".concat(z),M.paddingBottom=0===A?0:A-2}return(0,g.jsx)(Yt,(0,ee.Z)({as:d,className:(0,te.Z)(S.root,c),ref:k,ownerState:E,style:M},h,{children:r.Children.only(s)}))})),Xt=Vt;var qt=function(){var e=(0,l.Z)().spacing,t=(0,Y.useStaticQuery)("1628415170").allReviewJson.nodes,n=(0,p.Z)("(max-width: 1200px)");return console.log(n),r.createElement(s.Z,{component:"section",sx:{padding:e(15)+" 0"}},r.createElement($.Z,null,r.createElement(c.Z,{variant:"h4",component:"h2",sx:{fontWeight:"bold",textAlign:"center",marginBottom:{md:2,xs:1},fontSize:{md:"h2.fontSize",xs:20}}},"샌드박스 후기"),r.createElement(c.Z,{sx:{marginBottom:{md:10,xs:4},textAlign:"center",fontSize:{md:18,xs:16}}},"루비콘 샌드박스에 참여했던 팀원들이 느꼈던 생생한 경험이 궁금하다면",r.createElement("br",null),"팀원들이 직접 작성한 후기 포스팅을 한번 읽어보세요."),r.createElement(It,{columns:n?1:4,spacing:2,sx:{padding:n?0:5,overflow:"visible"}},t.map((function(e,t){var n=e.title,o=e.author,i=e.url,a=e.description;return r.createElement(Xt,{key:t},r.createElement(rt.Z,{onClick:function(){return window.open(i)}},r.createElement(pt,null,r.createElement(yt,{avatar:r.createElement(Mt,{alt:o.name,src:o.profileImg}),title:o.name,subheader:o.role}),r.createElement(Dt,null,r.createElement(c.Z,{variant:"body1",gutterBottom:!0,sx:{fontWeight:"bold"}},n),r.createElement(c.Z,{variant:"body2"},a)))))})))))},Kt=function(){return(0,r.useEffect)((function(){a.C2.view()}),[]),(0,r.useEffect)((function(){var e,t,n=document.referrer,r=null!==(e=location.search)&&void 0!==e?e:"",i=(0,o.dD)(r.replace("?","")).utm_source;a.C2.impression("mentoring_project_intro_referrer",{referrer:n,utmSource:null!==(t=Array.isArray(i)?i.join(","):i)&&void 0!==t?t:"unknown"})}),[]),r.createElement(i.Z,{title:"루비콘 샌드박스",description:"우리는 단순히 제품을 개발하는 것이 아닌, 치열하게 문제를 정의하고 해결하는 것에 집중합니다."},r.createElement(U,null),r.createElement(Fe,null),r.createElement(qe,null),r.createElement(nt,null),r.createElement(qt,null),r.createElement(it,null))}}}]);
//# sourceMappingURL=component---src-pages-mentoring-intro-tsx-5f1411f9497d915f6b47.js.map