https://f-lab.ai/_next/static/chunks/pages/mentoring-courses/java-backend-lite-4b100f20c2ef8971.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[1895],{91398:function(n,t,e){(window.__NEXT_P=window.__NEXT_P||[]).push(["/mentoring-courses/java-backend-lite",function(){return e(9795)}])},9795:function(n,t,e){"use strict";e.r(t),e.d(t,{__N_SSP:function(){return oi},default:function(){return oo}});var r=e(52903),i=e(2784),o=e(6837),l=e(14607),c=e(76424),a=e(6281),d=e(35033),u=e(95440),p=e(43142),s=e(73079),f=e(53476),g=e(81994),h=e(93529),x=e(99385),b=e(40146),_=e(31646),m=e(91535),Z=e(32921),v=e(76750),y=e(79047),w=e(67862),k=e(265),$=e(11198);function B(){let n=(0,w._)(["\n  display: flex;\n  flex-direction: column;\n  gap: 32px;\n  align-items: center;\n\n  width: 100%;\n  padding: 32px 16px 80px;\n\n  background-color: ",";\n\n  "," {\n    gap: 24px;\n    padding: 24px 16px 64px;\n  }\n"]);return B=function(){return n},n}function S(){let n=(0,w._)(["\n  display: flex;\n  flex-direction: column;\n  gap: 12px;\n  align-items: center;\n\n  width: 100%;\n  max-width: 820px;\n\n  text-align: center;\n"]);return S=function(){return n},n}function X(){let n=(0,w._)(["\n  ","\n  color: ",";\n  word-break: keep-all;\n\n  "," {\n    ","\n  }\n"]);return X=function(){return n},n}function I(){let n=(0,w._)(["\n  ","\n  color: ",";\n  line-height: 1.7;\n  word-break: keep-all;\n\n  "," {\n    ","\n  }\n"]);return I=function(){return n},n}function j(){let n=(0,w._)(["\n  display: grid;\n  grid-template-columns: repeat(2, minmax(0, 1fr));\n  gap: 16px;\n\n  width: 100%;\n  max-width: 1032px;\n\n  "," {\n    grid-template-columns: 1fr;\n  }\n"]);return j=function(){return n},n}function F(){let n=(0,w._)(["\n  display: flex;\n  flex-direction: column;\n  gap: 16px;\n\n  min-height: 220px;\n  padding: 28px;\n\n  background: linear-gradient(180deg, #0b0b0c 0%, #15181b 100%);\n  border: 1px solid rgba(255, 255, 255, 0.08);\n  border-radius: 20px;\n\n  "," {\n    min-height: auto;\n    padding: 24px;\n  }\n"]);return F=function(){return n},n}function N(){let n=(0,w._)(["\n  ","\n  color: ",";\n"]);return N=function(){return n},n}function C(){let n=(0,w._)(["\n  ","\n  color: ",";\n  word-break: keep-all;\n\n  "," {\n    ","\n  }\n"]);return C=function(){return n},n}function E(){let n=(0,w._)(["\n  ","\n  color: ",";\n  line-height: 1.7;\n  word-break: keep-all;\n\n  "," {\n    ","\n  }\n"]);return E=function(){return n},n}function O(){let n=(0,w._)(["\n  ","\n  color: ",";\n\n  padding-top: 16px;\n  margin-top: auto;\n\n  border-top: 1px solid rgba(255, 255, 255, 0.08);\n"]);return O=function(){return n},n}let L=[{number:"01",title:"실력 진단",description:"현재 수준과 취업 목표를 바탕으로 무엇부터 공부해야 할지 우선순위를 정리합니다.",point:"막연함 대신 학습 기준이 생깁니다."},{number:"02",title:"학습 루틴",description:"주간 멘토링과 과제로 혼자서도 이어갈 수 있는 학습 습관을 만들도록 돕습니다.",point:"공부가 끊기지 않는 구조를 만듭니다."},{number:"03",title:"실전 결과물",description:"이력서와 포트폴리오에 활용할 수 있는 프로젝트 경험을 쌓고 완성도를 높입니다.",point:"취업 준비에 바로 쓰이는 결과물이 남습니다."},{number:"04",title:"간접 경험 증대",description:"회사를 다니면서, 면접을 다니면서, F-lab을 수강하며 겪어 온 생생한 경험담을 간접적으로 가져갑니다.",point:"직접 경험하지 않았음에도 경험치가 상승합니다."}];var z=()=>(0,r.BX)(M,{children:[(0,r.BX)(Y,{children:[(0,r.tZ)(V,{children:"3개월 뒤 남는 것"}),(0,r.tZ)(H,{children:"First Step은 가볍게 찍어보는 체험판이 아니라, 취업 준비를 실제로 앞으로 밀어주는 네 가지 결과를 남깁니다."})]}),(0,r.tZ)(A,{children:L.map(n=>(0,r.BX)(T,{children:[(0,r.tZ)(D,{children:n.number}),(0,r.tZ)(P,{children:n.title}),(0,r.tZ)(G,{children:n.description}),(0,r.tZ)(J,{children:n.point})]},n.title))})]});let M=$.Z.section(B(),k.$_["inverted-bg-2"],(0,k.cy)("768")),Y=$.Z.div(S()),V=$.Z.h2(X(),(0,k.Se)(32),k.$_["inverted-text-title"],(0,k.cy)("768"),(0,k.Se)(24)),H=$.Z.p(I(),(0,k.oN)(18),k.$_["inverted-text-body"],(0,k.cy)("768"),(0,k.oN)(15)),A=$.Z.div(j(),(0,k.cy)("768")),T=$.Z.article

1(F(),(0,k.cy)("768")),D=$.Z.span(N(),(0,k.Se)(13),k.$_.brand_5),P=$.Z.h3(C(),(0,k.Se)(24),k.$_.gray_0,(0,k.cy)("768"),(0,k.Se)(20)),G=$.Z.p(E(),(0,k.oN)(17),k.$_.gray_2,(0,k.cy)("768"),(0,k.oN)(15)),J=$.Z.p(O(),(0,k.Se)(15),k.$_.gray_0);function R(){let n=(0,w._)(["\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n\n  padding: 96px 24px;\n\n  text-align: center;\n\n  background-color: ",";\n"]);return R=function(){return n},n}function U(){let n=(0,w._)(["\n  display: flex;\n  flex-direction: column;\n  row-gap: 12px;\n  align-items: center;\n  justify-content: center;\n\n  margin-bottom: 80px;\n"]);return U=function(){return n},n}function q(){let n=(0,w._)(["\n  width: 100%;\n  max-width: 1064px;\n  margin-bottom: 48px;\n  padding: 0 16px;\n"]);return q=function(){return n},n}function K(){let n=(0,w._)(["\n  margin-bottom: 60px;\n"]);return K=function(){return n},n}function Q(){let n=(0,w._)(["\n  ","\n  word-break: keep-all;\n  color: ",";\n\n  "," {\n    ","\n  }\n"]);return Q=function(){return n},n}function W(){let n=(0,w._)(["\n  ","\n  color: ",";\n\n  "," {\n    ","\n  }\n"]);return W=function(){return n},n}function nn(){let n=(0,w._)(["\n  display: flex;\n  flex-wrap: wrap;\n  gap: 24px;\n  align-items: center;\n  justify-content: center;\n\n  margin-bottom: 48px;\n\n  "," {\n    gap: 12px;\n  }\n"]);return nn=function(){return n},n}function nt(){let n=(0,w._)(["\n  width: 328px;\n  height: 306px;\n  border-radius: 16px;\n\n  "," {\n    display: none;\n  }\n"]);return nt=function(){return n},n}function ne(){let n=(0,w._)(["\n  display: none;\n  width: 328px;\n  height: 306px;\n\n  "," {\n    display: block;\n  }\n"]);return ne=function(){return n},n}var nr=()=>(0,r.tZ)(no,{id:"eco-system-section",children:(0,r.BX)(nc,{children:[(0,r.BX)(na,{children:[(0,r.tZ)(nd,{children:"넥스트 커리어를 위해 평생 지원합니다."}),(0,r.tZ)(nu,{children:"진행 중에는 물론 수료 후에도 온/오프라인으로 지속적인 성장 프로그램을 제공합니다"})]}),(0,r.tZ)(np,{children:ni.map(n=>(0,r.BX)("a",{href:n.link,rel:"noopener noreferrer",target:"_blank",children:[(0,r.tZ)(ns,{src:"/images/mentoring-courses/java-backend/developer-ecosystem/web/".concat(n.id,".webp")}),(0,r.tZ)(nf,{src:"/images/mentoring-courses/java-backend/developer-ecosystem/mobile/".concat(n.id,".webp")})]},n.id))})]})});let ni=[{id:"1",link:"https://f-lab.kr/blog/250702-devclub"},{id:"2",link:"https://f-lab.kr/blog/250813-devclub"},{id:"3",link:"https://community-guide.f-lab.kr/introduce"},{id:"4",link:"https://f-lab.kr/blog/250116-devclub"},{id:"5",link:"https://f-lab.kr/blog/25042501-devclub"},{id:"6",link:"https://www.youtube.com/watch?v=2Hq9htCE0vA&list=PLcXAI4d9wuWY9zaxP4do9RzjCqtZEJTgC"}],no=$.Z.div(R(),k.$_["inverted-bg-0"]),nl=$.Z.div(U()),nc=$.Z.div(q()),na=(0,$.Z)(nl)(K()),nd=$.Z.h3(Q(),(0,k.Se)(32),k.$_["inverted-text-title"],(0,k.cy)("768"),(0,k.Se)(24)),nu=$.Z.h4(W(),(0,k.oN)(20),k.$_["inverted-text-body"],(0,k.cy)("768"),(0,k.oN)(16)),np=$.Z.div(nn(),(0,k.cy)("768")),ns=$.Z.img(nt(),(0,k.cy)("768")),nf=$.Z.img(ne(),(0,k.cy)("768"));function ng(){let n=(0,w._)(["\n  display: flex;\n  flex-direction: column;\n  gap: 40px;\n  align-items: center;\n  justify-content: center;\n\n  padding: 96px 16px;\n\n  color: ",";\n  background: linear-gradient(180deg, #111315 0%, #0b0b0c 100%);\n\n  "," {\n    gap: 28px;\n    padding: 72px 16px;\n  }\n"]);return ng=function(){return n},n}function nh(){let n=(0,w._)(["\n  display: flex;\n  flex-direction: column;\n  gap: 12px;\n  align-items: center;\n  text-align: center;\n"]);return nh=function(){return n},n}function nx(){let n=(0,w._)(["\n  color: ",";\n  ","\n\n  "," {\n    ","\n  }\n"]);return nx=function(){return n},n}function nb(){let n=(0,w._)(["\n  ","\n  word-break: keep-all;\n  color: ",";\n\n  "," {\n    ","\n  }\n"]);return nb=function(){return n},n}function n_(){let n=(0,w._)(["\n  display: grid;\n  grid-template-columns: repeat(3, minmax(0, 1fr));\n  gap: 16px;\n\n  width: 100%;\n  max-width: 1100px;\n\n  "," {\n    grid-template-columns: 1fr;\n  }\n"]);return n_=function(){return n},n}function nm(){let n=(0,w._)(["\n  display: flex;\n  flex-direction: column;\n  gap: 14px;\n\n  padding: 28px 24px;\n\n  background-color: #15181b;\n  border: 1px solid #2a2d31;\n  border-radius: 16px;\n"]);return nm=function(){return n},n}function nZ(){let n=(0,w._)(["\n  color: ",";\n  ","\n  word-break: keep-all;\n\n  "," {\n    ","\n  }\n"]);return nZ=function(){return n},n}function nv(){let n=(0,w._)(["\n  ","\n  line-height: 1.7;\n  color: ",";\n  word-break: keep-all;\n\n  "," {\n    ","\n  }\n"]);return nv=function(){return n},n}let ny=[{title:"기존 멘토링보다 가벼우면 깊이가 부족하지 않나요?",description:"기존 1:1이 프로 선수를 위한 전담 코칭이라면 First Step은 실전에 바로 써먹을 기술을 빠르게 몸에 익히는 도장에 가깝습니다. 최근 대기업 면접/합격 경험을 가진 멘토가 지금 시장에서 통하는 기준을 더 가까운 거리에서 현실감 있게 전달합니다."},{title:"수료생 멘토가 가지는 장점은 뭔가요?",description:"수료생 멘토의 장점은 최근 대기업 면접/합격 경험에서 오는 생

1생함입니다. 어떤 질문이 나왔고, 어디에서 막히기 쉬웠으며, 어떤 준비가 실제로 도움이 되었는지를 더 가까운 거리에서 짚어줄 수 있습니다."},{title:"누가 들으면 가장 잘 맞나요?",description:"현재 주니어로서 겪을 수 있는 현실적인 면접 경험, 실무에서 겪었던 트렌디한 주니어 경험을 보다 생생하게 듣고 싶은 분께 적합합니다. 편안한 분위기에서 질문하고 방향을 정리해가고 싶으신 분께 추천드립니다."}];var nw=()=>(0,r.BX)(nk,{children:[(0,r.BX)(n$,{children:[(0,r.tZ)(nB,{children:"First Step은 어떤 멘토링인가요?"}),(0,r.BX)(nS,{children:["최근 대기업 면접/합격 경험을 가진 F-Lab 수료생 개발자와,",(0,r.tZ)("br",{}),"프로젝트\xb7이력서\xb7면접 준비를 함께 정리하는 3개월형 자바 백엔드 First Step 멘토링입니다."]})]}),(0,r.tZ)(nX,{children:ny.map(n=>(0,r.BX)(nI,{children:[(0,r.tZ)(nj,{children:n.title}),(0,r.tZ)(nF,{children:n.description})]},n.title))})]});let nk=$.Z.section(ng(),k.$_["inverted-text-body"],(0,k.cy)("768")),n$=$.Z.div(nh()),nB=$.Z.h2(nx(),k.$_.white,(0,k.Se)(32),(0,k.cy)("768"),(0,k.Se)(24)),nS=$.Z.p(nb(),(0,k.oN)(18),k.$_.gray_4,(0,k.cy)("768"),(0,k.oN)(15)),nX=$.Z.div(n_(),(0,k.cy)("768")),nI=$.Z.div(nm()),nj=$.Z.h3(nZ(),k.$_.white,(0,k.Se)(20),(0,k.cy)("768"),(0,k.Se)(18)),nF=$.Z.p(nv(),(0,k.oN)(16),k.$_.gray_4,(0,k.cy)("768"),(0,k.oN)(14));var nN=e(28165),nC=e(18626),nE=e(90153);function nO(){let n=(0,w._)(["\n          padding-top: 35px;\n          padding-bottom: 35px;\n        "]);return nO=function(){return n},n}function nL(){let n=(0,w._)(["\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n\n  padding: 96px 16px;\n\n  background-color: ",";\n"]);return nL=function(){return n},n}function nz(){let n=(0,w._)(["\n  display: flex;\n  flex-direction: column;\n  gap: 16px;\n\n  width: 100%;\n\n  text-align: center;\n  word-break: keep-all;\n\n  h2 {\n    ","\n    line-height:33.61px;\n    color: ",";\n\n    "," {\n      ","\n    }\n  }\n\n  p {\n    ","\n    line-height:21.48px;\n    color: ",";\n\n    "," {\n      ","\n    }\n  }\n"]);return nz=function(){return n},n}function nM(){let n=(0,w._)(["\n  flex-shrink: 0;\n\n  width: 260px;\n  height: 120px;\n  padding: 28px 24px;\n\n  background: linear-gradient(180deg, #0b0b0c 0%, #15181b 100%);\n  border: 1px solid ",";\n  border-radius: 12px;\n  box-shadow: 0 0 12px 0 rgb(0 144 255 / 42%);\n\n  "," {\n    height: 94px;\n  }\n"]);return nM=function(){return n},n}function nY(){let n=(0,w._)(["\n  display: flex;\n  flex-direction: column;\n  flex-shrink: 0;\n  gap: 4px;\n  justify-content: center;\n\n  height: 100%;\n"]);return nY=function(){return n},n}function nV(){let n=(0,w._)(["\n  display: inline-flex;\n  flex-grow: 0;\n  flex-shrink: 0;\n  align-items: center;\n  justify-content: center;\n\n  box-sizing: border-box;\n  width: auto;\n  padding: 2px 4px;\n\n  font-size: 12px !important;\n  font-weight: 700 !important;\n  color: "," !important;\n  text-align: center;\n  white-space: nowrap;\n\n  border: 1px solid ",";\n  border-radius: 4px;\n"]);return nV=function(){return n},n}function nH(){let n=(0,w._)(["\n  display: inline-flex;\n  flex-grow: 0;\n  flex-shrink: 0;\n  align-items: center;\n  justify-content: center;\n\n  box-sizing: border-box;\n  width: auto;\n  padding: 2px 4px;\n\n  font-size: 12px !important;\n  font-weight: 700 !important;\n  color: "," !important;\n  text-align: center;\n  white-space: nowrap;\n\n  border: 1px solid ",";\n  border-radius: 4px;\n"]);return nH=function(){return n},n}function nA(){let n=(0,w._)(["\n  display: flex;\n  gap: 8px;\n  align-items: center;\n  justify-content: flex-start;\n"]);return nA=function(){return n},n}function nT(){let n=(0,w._)(["\n  display: flex;\n  flex-shrink: 0;\n  gap: 4px;\n  align-items: center;\n  justify-content: center;\n\n  width: 284px;\n  height: 120px;\n  padding: 8px 14px 8px 8px;\n\n  background: linear-gradient(180deg, #0b0b0c 0%, #15181b 100%);\n  border: 1px solid ",";\n  border-radius: 12px;\n  box-shadow: 0 0 12px 0 rgb(0 144 255 / 42%);\n\n  "," {\n    height: 94px;\n  }\n"]);return nT=function(){return n},n}function nD(){let n=(0,w._)(["\n  position: relative;\n\n  display: flex;\n  flex-shrink: 0;\n  align-items: center;\n  justify-content: center;\n\n  width: 132px;\n"]);return nD=function(){return n},n}var nP=n=>{let{theme:t="black"}=n;return(0,r.BX)(nG,{id:"company-list-section",children:[(0,r.BX)(nJ,{children:[(0,r.tZ)("h2",{children:"2025년 입사자 평균 연봉 5,700만원"}),(0,r.BX)("p",{children:["채용 혹한기에도 F-Lab 수료생들은 높은 합격률로 고연봉 개발자로 활약하고 있습니다. ",(0,r.tZ)("br",{}),"(신입/경력 전체 포함)"]})]}),(0,r.tZ)(nC.EM,{css:(0,nN.iv)(nO()),progressTipText:"성과를 직접 넘겨 확인할 수 있어요.",renderItem:(n,t)=>(0,r.tZ)(r.HY,{children:n.title.includes("연봉")?(0,r.tZ)(nR,{children:(0,r.BX)(nU,{children:[""!==n.tag&&(0,r.tZ)("div",{children:(0,r.tZ)(nK,{children:n.tag})}),(0,r.tZ)("strong",{children:n.title}),(0,r.BX)(nQ,{children:[(0,r.BX)("p",{children:[n.name,"님"]}),(0,r.BX)("small",{children:[n.year,"년"]})]})]})},"".concat(n.name).concat(t)):(0,r.BX)(nW,{children:[(0,r.tZ)(n0,{children:(0,r.tZ)(r.HY,{children:n.element})}),(0,r.BX)(nU,{children:[(0,r.tZ)("div",{children:(0,r.tZ)(nq,{children:n.tag})}),(0,r.tZ)("strong",{children:n.title}),(0,r.BX)(nQ,{children:[(0,r.BX)("p",{children:[n.name,"님"]}),(0,r.BX)("small",{children:[n.year,"년"]})]})]})]},"".concat(n.name).concat(t))}),rowData:[nE.bl,nE.y2],theme:t})]})};let nG=$.Z.div(nL(),k.$_["inverted-bg-1"]),nJ=$.Z.div(nz(),(0,k.Se)(28),k.$_.gray_0,(0,k.cy)(768),(0,k.Se)(24),(0,k.oN)(18),k.$_.gray_1,(0,k.cy)(768),(0,k.oN)(16)),nR=$.Z.div(nM(),k.$_.brand_7,(0,k.cy)(768)),nU=$.Z.div(nY()),nq=$.Z.p(nV(),k.$_.brand_4,k.$_.brand_5),nK=$.Z.p(nH(),

1k.$_.brand_5,k.$_.brand_5),nQ=$.Z.div(nA()),nW=$.Z.div(nT(),k.$_.brand_7,(0,k.cy)(768)),n0=$.Z.div(nD());function n1(){let n=(0,w._)(["\n  display: flex;\n  flex-direction: column;\n  row-gap: 24px;\n  align-items: center;\n  justify-content: center;\n\n  width: 100%;\n  padding: 16px;\n\n  background-color: ",";\n\n  "," {\n    padding: 16px;\n  }\n"]);return n1=function(){return n},n}function n2(){let n=(0,w._)(["\n  display: grid;\n  grid-template-columns: repeat(4, 240px);\n  gap: 8px;\n  margin: 0 auto;\n\n  "," {\n    grid-template-columns: repeat(2, 1fr);\n  }\n"]);return n2=function(){return n},n}function n5(){let n=(0,w._)([""]);return n5=function(){return n},n}function n6(){let n=(0,w._)(["\n  display: flex;\n  align-items: center;\n  justify-content: center;\n\n  padding: 6px 0;\n\n  background-color: ",";\n  border-top-left-radius: 4px;\n  border-top-right-radius: 4px;\n  border-top: 1px solid ",";\n  border-right: 1px solid ",";\n  border-left: 1px solid ",";\n\n  ","\n  color: ",";\n"]);return n6=function(){return n},n}function n4(){let n=(0,w._)(["\n  padding: 20px 12px 12px 32px;\n\n  color: ",";\n\n  background: linear-gradient(180deg, #0b0b0c 0%, #15181b 100%);\n  border: 1px solid ",";\n\n  min-height: 130px;\n\n  ","\n\n  "," {\n    ","\n    padding: 20px 12px 12px 22px;\n  }\n"]);return n4=function(){return n},n}function n8(){let n=(0,w._)(["\n  margin-bottom: 8px;\n  white-space: pre-wrap;\n"]);return n8=function(){return n},n}var n3=()=>(0,r.tZ)(n9,{children:(0,r.tZ)(tn,{children:n7.map(n=>(0,r.BX)(tt,{children:[(0,r.tZ)(te,{children:n.title}),(0,r.tZ)(tr,{children:n.items.map(n=>(0,r.tZ)(ti,{children:n},n))})]},n.title))})});let n7=[{title:"대상",items:["신입, 경력 7년 이하 개발자\n(재직자 가능)","개발 경험이 있는 취준생","전공자 대학생"]},{title:"멘토링 방식",items:["최근 대기업 면접/합격 경험을 가진\n수료생 멘토의 현실형 피드백","프로젝트 설계/코드 리뷰","녹음본/스크립트 제공","이력서 1개 섹션 작성/면접 질문 훈련"]},{title:"기간 / 금액",items:["기본 3개월 (1주 1회 기준)","138만원"]},{title:"멘토링 시간",items:["주 1회 1시간 화상 멘토링\n(요일/시간 선택 가능)","메신저로 상시 소통","Github 상시 코드 리뷰"]}],n9=$.Z.div(n1(),k.$_["inverted-bg-2"],(0,k.cy)("1096")),tn=$.Z.div(n2(),(0,k.cy)("1096")),tt=$.Z.div(n5()),te=$.Z.div(n6(),k.$_.gray_10,k.$_.gray_9,k.$_.gray_9,k.$_.gray_9,(0,k.Se)(14),k.$_.gray_1),tr=$.Z.ul(n4(),k.$_["inverted-text-body"],k.$_.gray_9,(0,k.oN)(14),(0,k.cy)("768"),(0,k.oN)(12)),ti=$.Z.li(n8());var to=e(12065);function tl(){let n=(0,w._)(["\n  display: flex;\n  flex-direction: column;\n  row-gap: 80px;\n  align-items: center;\n  justify-content: center;\n\n  padding: 140px 16px 110px;\n\n  color: ",";\n\n  background-color: ",";\n\n  "," {\n    row-gap: 48px;\n    padding: 72px 16px;\n  }\n"]);return tl=function(){return n},n}function tc(){let n=(0,w._)(["\n  display: flex;\n  flex-direction: column;\n  row-gap: 12px;\n  align-items: center;\n  justify-content: center;\n\n  padding: 0 0 22px;\n\n  text-align: center;\n\n  "," {\n    row-gap: 16px;\n    padding: 0;\n  }\n"]);return tc=function(){return n},n}function ta(){let n=(0,w._)(["\n  color: white;\n\n  ","\n\n  "," {\n    ","\n    word-break: keep-all;\n    white-space: pre-line;\n  }\n"]);return ta=function(){return n},n}function td(){let n=(0,w._)(["\n  ","\n  word-break: keep-all;\n  white-space: pre-line;\n\n  "," {\n    ","\n    white-space: normal;\n  }\n"]);return td=function(){return n},n}function tu(){let n=(0,w._)(["\n  display: flex;\n  column-gap: 24px;\n  justify-content: center;\n\n  width: 100%;\n  max-width: 1032px;\n\n  "," {\n    display: none;\n  }\n"]);return tu=function(){return n},n}function tp(){let n=(0,w._)(["\n  position: relative;\n  width: 240px;\n  height: fit-content;\n"]);return tp=function(){return n},n}function ts(){let n=(0,w._)(["\n  position: absolute;\n  z-index: 10;\n  top: 0;\n  left: 28px;\n\n  width: 5px;\n  height: 100%;\n\n  background-color: ",";\n"]);return ts=function(){return n},n}function tf(){let n=(0,w._)(["\n      background-color: ",";\n    "]);return tf=function(){return n},n}function tg(){let n=(0,w._)(["\n  position: relative;\n\n  display: flex;\n  flex-direction: column;\n  column-gap: 4px;\n  justify-content: center;\n\n  width: 100%;\n  height: 96px;\n  padding: 0 0 0 59px;\n\n  border-radius: 10px;\n\n  text-align: left;\n\n  ","\n"]);return tg=function(){return n},n}function th(){let n=(0,w._)(["\n  position: absolute;\n  top: 50%;\n  left: 22px;\n  transform: translateY(-50%);\n\n  width: 17px;\n  height: 17px;\n\n  background-color: ",";\n  border-radius: 50%;\n"]);return th=function(){return n},n}function tx(){let n=(0,w._)(["\n  position: absolute;\n  top: 50%;\n  left: 13px;\n  transform: translateY(-50%);\n\n  width: 35px;\n  height: 35px;\n\n  opacity: ",";\n  background-color: ",";\n  border-radius: 50%;\n"]);return tx=function(){return n},n}function tb(){let n=(0,w._)(["\n  transition: color 0.3s ease-in-out;\n  ","\n  color: ",";\n"]);return tb=function(){return n},n}function t_(){let n=(0,w._)(["\n  ","\n  color: ",";\n"]);return t_=function(){return n},n}function tm(){let n=(0,w._)(["\n  flex: 1;\n  height: fit-content;\n"]);return tm=function(){return n},n}function tZ(){let n=(0,w._)(["\n  display: none;\n  column-gap: 22px;\n\n  width: 100%;\n  height: fit-content;\n  padding: 0 0 0 7px;\n\n  "," {\n    display: flex;\n  }\n"]);return tZ=function(){return n},n}function tv(){let n=(0,w._)(["\n  position: relative;\n  width: 6px;\n  height: 525px;\n  background-color: ",";\n"]);return tv=function(){return n},n}function ty(){let n=(0,w._)(["\n  position: absolute;\n  top: ","px;\n  left: -7px;

1\n\n  width: 20px;\n  height: 20px;\n\n  background-color: ",";\n  border-radius: 50%;\n"]);return ty=function(){return n},n}function tw(){let n=(0,w._)(["\n  position: absolute;\n  top: ","px;\n  left: -14px;\n\n  width: 35px;\n  height: 35px;\n\n  opacity: ",";\n  background-color: ",";\n  border-radius: 50%;\n"]);return tw=function(){return n},n}function tk(){let n=(0,w._)(["\n  display: flex;\n  flex-direction: column;\n  row-gap: 15px;\n  width: 100%;\n"]);return tk=function(){return n},n}function t$(){let n=(0,w._)(["\n      grid-template-rows: 75px 1fr;\n    "]);return t$=function(){return n},n}function tB(){let n=(0,w._)(["\n  width: 100%;\n\n  border-radius: 16px;\n  background-color: ",";\n\n  display: grid;\n  grid-template-columns: 1fr;\n  grid-template-rows: 75px 0fr;\n\n  transition: grid-template-rows 0.3s ease-in-out;\n\n  ","\n"]);return tB=function(){return n},n}function tS(){let n=(0,w._)(["\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n\n  padding: 20px 24px 20px 20px;\n\n  text-align: left;\n"]);return tS=function(){return n},n}function tX(){let n=(0,w._)(["\n  display: flex;\n  flex-direction: column;\n"]);return tX=function(){return n},n}function tI(){let n=(0,w._)(["\n  ","\n  color: white;\n"]);return tI=function(){return n},n}function tj(){let n=(0,w._)(["\n  ","\n  color: ",";\n"]);return tj=function(){return n},n}function tF(){let n=(0,w._)(["\n      transform: rotate(180deg);\n    "]);return tF=function(){return n},n}function tN(){let n=(0,w._)(["\n  width: 24px;\n  height: 24px;\n  transition: transform 0.3s ease-in-out;\n\n  ","\n"]);return tN=function(){return n},n}function tC(){let n=(0,w._)(["\n  background-color: ",";\n\n  overflow: hidden;\n  min-height: 0;\n\n  width: 100%;\n  padding: ",";\n"]);return tC=function(){return n},n}function tE(){let n=(0,w._)(["\n      background-color: ",";\n      border-radius: 16px;\n      padding: 32px;\n    "]);return tE=function(){return n},n}function tO(){let n=(0,w._)(["\n  display: flex;\n  flex-direction: column;\n\n  ","\n"]);return tO=function(){return n},n}function tL(){let n=(0,w._)(["\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n  margin-bottom: 16px;\n"]);return tL=function(){return n},n}function tz(){let n=(0,w._)(["\n  ","\n  color: ",";\n"]);return tz=function(){return n},n}function tM(){let n=(0,w._)(["\n  ","\n  color: white;\n  margin: 0;\n"]);return tM=function(){return n},n}function tY(){let n=(0,w._)(["\n      ","\n    "]);return tY=function(){return n},n}function tV(){let n=(0,w._)(["\n  ","\n  color: rgba(255, 255, 255, 0.7);\n  margin: 0 0 4px;\n  word-break: keep-all;\n\n  ","\n"]);return tV=function(){return n},n}function tH(){let n=(0,w._)(["\n      background-color: transparent;\n      border-top: 1px dashed rgba(255, 255, 255, 0.2);\n    "]);return tH=function(){return n},n}function tA(){let n=(0,w._)(["\n  width: 100%;\n  height: 1px;\n  margin: 16px 0;\n  background-color: rgba(255, 255, 255, 0.1);\n\n  ","\n"]);return tA=function(){return n},n}function tT(){let n=(0,w._)(["\n  display: grid;\n  grid-template-columns: 170px 1fr;\n  gap: 24px;\n  padding: 8px 0;\n"]);return tT=function(){return n},n}function tD(){let n=(0,w._)(["\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n  padding: 8px 0;\n"]);return tD=function(){return n},n}function tP(){let n=(0,w._)(["\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n"]);return tP=function(){return n},n}function tG(){let n=(0,w._)(["\n  display: flex;\n  flex-wrap: wrap;\n  align-items: center;\n  gap: 8px;\n"]);return tG=function(){return n},n}function tJ(){let n=(0,w._)(["\n  display: flex;\n  flex-wrap: wrap;\n  gap: 4px;\n"]);return tJ=function(){return n},n}function tR(){let n=(0,w._)(["\n  ","\n  color: ",";\n"]);return tR=function(){return n},n}function tU(){let n=(0,w._)(["\n    background-color: rgba(37, 99, 235, 0.2);\n    color: ",";\n  "]);return tU=function(){return n},n}function tq(){let n=(0,w._)(["\n    background-color: rgba(34, 197, 94, 0.2);\n    color: #22c55e;\n  "]);return tq=function(){return n},n}function tK(){let n=(0,w._)(["\n    background-color: rgba(255, 159, 67, 0.15);\n    color: ",";\n  "]);return tK=function(){return n},n}function tQ(){let n=(0,w._)(["\n  display: inline-flex;\n  align-items: center;\n  padding: 2px 10px;\n  border-radius: 4px;\n  ","\n  ","\n"]);return tQ=function(){return n},n}function tW(){let n=(0,w._)(["\n  display: flex;\n  flex-direction: column;\n  gap: 6px;\n"]);return tW=function(){return n},n}function t0(){let n=(0,w._)(["\n  ","\n  color: rgba(255, 255, 255, 0.7);\n  margin: 0;\n  word-break: keep-all;\n  line-height: 1.6;\n"]);return t0=function(){return n},n}function t1(){let n=(0,w._)(["\n  display: flex;\n  gap: 8px;\n  ","\n  color: rgba(255, 255, 255, 0.7);\n  word-break: keep-all;\n  line-height: 1.6;\n"]);return t1=function(){return n},n}function t2(){let n=(0,w._)(["\n  flex-shrink: 0;\n  &::before {\n    content: '•';\n  }\n"]);return t2=function(){return n},n}function t5(){let n=(0,w._)(["\n  display: inline-flex;\n  align-items: center;\n  gap: 4px;\n  width: fit-content;\n  padding: 6px 14px;\n  margin-top: 4px;\n  border: 1px solid ",";\n  border-radius: 20px;\n  color: ",";\n  ","\n  text-decoration: none;\n\n  &:hover {\n    background-color: rgba(37, 99, 235, 0.1);\n  }\n"]);return t5=function(){return n},n}function t6(){let n=(0,w._)(["\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  gap: 16px;\n  padding: 16px 0;\n"]);return t6=function(){return n},n}function t4(){let n=(0,w._)(["\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  padding: 16px 24px;\n  background-color: rgba(255, 255, 255, 0.05);\n  border: 1px solid rgba(255, 255, 255, 0.1);\n  border-radius: 12px;\n  ","\n  color: white;\n  white-space: nowrap;\n"]);return t4=function(){return n},n}function t8(){let n=(0,w._)(["\n  color: ",";\n  font-size: 20px;\n  display: flex;\n  align-items: center;\n"]);return t8=function(){return n},n}function t3(){let n=(0,w._)(["\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  gap: 16px;\n  padding: 16px 0;\n"]);return t3=function(){return n},n}function t7(){let n=(0,w._)(["\n  ","\n  color: ",";\n  text-align: center;\n"]);return t7=function(){return n},n}function t9(){let n=(0,w._)(["\n  color: ",";\n  font-size: 24px;\n  display: flex;\n  align-items: center;\n"]);return t9=function(){return n},n}function en(){let n=(0,w._)(["\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 100%;\n  padding: 16px;\n  margin-top: 16px;\n  background-color: ",";\n  border-radius: 12px;\n  ","\n  color: white;\n  text-decoration: none;\n\n  &:hover {\n    opacity: 0.9;\n  }\n"]);return en=function(){return n},n}let et=n=>{let{content:t,variant:e="web"}=n,o="mobile"===e;

1return(0,r.BX)(eI,{isMobile:o,children:[!o&&(0,r.BX)(ej,{children:[(0,r.tZ)(eF,{children:t.subtitle}),(0,r.tZ)(eN,{children:t.title})]}),t.description&&(0,r.tZ)(eC,{isMobile:o,children:t.description}),(0,r.tZ)(eE,{}),t.items.map((n,e)=>{var l,c,a;return(0,r.BX)(i.Fragment,{children:[o?(0,r.BX)(eL,{children:[(0,r.BX)(eM,{children:[(0,r.tZ)(eV,{highlight:n.labelHighlight,children:n.label}),null===(l=n.badges)||void 0===l?void 0:l.map(n=>(0,r.tZ)(eA,{variant:n.variant,children:n.text},n.text))]}),n.description&&(0,r.tZ)(eD,{children:n.description}),null===(c=n.bullets)||void 0===c?void 0:c.map((n,t)=>(0,r.BX)(eP,{children:[(0,r.tZ)(eG,{}),n]},t)),n.link&&(0,r.BX)(eJ,{href:n.link.url,rel:"noopener noreferrer",target:"_blank",children:["ⓘ ",n.link.text]})]}):(0,r.BX)(eO,{children:[(0,r.BX)(ez,{children:[(0,r.tZ)(eV,{highlight:n.labelHighlight,children:n.label}),n.badges&&(0,r.tZ)(eY,{children:n.badges.map(n=>(0,r.tZ)(eA,{variant:n.variant,children:n.text},n.text))})]}),(0,r.BX)(eT,{children:[n.description&&(0,r.tZ)(eD,{children:n.description}),null===(a=n.bullets)||void 0===a?void 0:a.map((n,t)=>(0,r.BX)(eP,{children:[(0,r.tZ)(eG,{}),n]},t)),n.link&&(0,r.BX)(eJ,{href:n.link.url,rel:"noopener noreferrer",target:"_blank",children:["ⓘ ",n.link.text]})]})]}),e<t.items.length-1&&(0,r.tZ)(eE,{})]},e)}),t.bottomFlow&&(0,r.BX)(r.HY,{children:[(0,r.tZ)(eE,{dashed:o}),o?(0,r.tZ)(eK,{children:t.bottomFlow.map((n,e)=>{var o,l;return(0,r.BX)(i.Fragment,{children:[(0,r.tZ)(eQ,{children:n}),e<(null!==(l=null===(o=t.bottomFlow)||void 0===o?void 0:o.length)&&void 0!==l?l:0)-1&&(0,r.tZ)(eW,{children:(0,r.tZ)(to.vpT,{})})]},n)})}):(0,r.tZ)(eR,{children:t.bottomFlow.map((n,e)=>{var o,l;return(0,r.BX)(i.Fragment,{children:[(0,r.tZ)(eU,{children:n}),e<(null!==(l=null===(o=t.bottomFlow)||void 0===o?void 0:o.length)&&void 0!==l?l:0)-1&&(0,r.tZ)(eq,{children:(0,r.tZ)(to.hPV,{})})]},n)})})]}),t.bottomLink&&(0,r.tZ)(e0,{href:t.bottomLink.url,rel:"noopener noreferrer",target:"_blank",children:t.bottomLink.text})]})};var ee=()=>{let[n,t]=(0,i.useState)("1"),[e,o]=(0,i.useState)([]),l=e1.find(t=>t.id===n),c=n=>{o(t=>t.includes(n)?t.filter(t=>t!==n):[...t,n])};return(0,r.BX)(er,{children:[(0,r.BX)(ei,{children:[(0,r.tZ)(eo,{children:"차별화에 최적화된\n커리큘럼"}),(0,r.tZ)(el,{children:"큰 틀은 정해져 있으면서 멘티에게 맞춰나가는 형식으로\n학습 속도, 현재 수준, 목표 커리어를 고려해 최적화합니다."})]}),(0,r.BX)(ec,{children:[(0,r.BX)(ea,{children:[(0,r.tZ)(ed,{}),e1.map(e=>(0,r.BX)(eu,{isSelected:n===e.id,onClick:()=>t(e.id),children:[(0,r.tZ)(ep,{}),(0,r.tZ)(es,{isSelected:n===e.id}

1),(0,r.tZ)(eg,{children:e.subtitle}),(0,r.tZ)(ef,{isSelected:n===e.id,children:e.title})]},e.id))]}),(0,r.tZ)(eh,{children:l&&(0,r.tZ)(et,{content:l,variant:"web"})})]}),(0,r.BX)(ex,{children:[(0,r.tZ)(eb,{children:e1.map((n,t)=>(0,r.BX)(i.Fragment,{children:[(0,r.tZ)(e_,{index:t}),(0,r.tZ)(em,{index:t,isSelected:e.includes(n.id)})]},n.id))}),(0,r.tZ)(eZ,{children:e1.map(n=>{let t=e.includes(n.id);return(0,r.BX)(ev,{isSelected:t,children:[(0,r.BX)(ey,{onClick:()=>c(n.id),children:[(0,r.BX)(ew,{children:[(0,r.tZ)(e$,{children:n.subtitle}),(0,r.tZ)(ek,{children:n.title})]}),(0,r.tZ)(eB,{isSelected:t})]}),(0,r.tZ)(eS,{isSelected:t,children:(0,r.tZ)(et,{content:n,variant:"mobile"})})]},n.id)})})]})]})};let er=$.Z.div(tl(),k.$_["inverted-text-body"],k.$_["inverted-bg-2"],(0,k.cy)("768")),ei=$.Z.div(tc(),(0,k.cy)("768")),eo=$.Z.h3(ta(),(0,k.Se)(32),(0,k.cy)("768"),(0,k.Se)(24)),el=$.Z.h4(td(),(0,k.oN)(20),(0,k.cy)("768"),(0,k.oN)(16)),ec=$.Z.div(tu(),(0,k.cy)("768")),ea=$.Z.div(tp()),ed=$.Z.div(ts(),k.$_.brand_5),eu=$.Z.button(tg(),n=>n.isSelected&&(0,nN.iv)(tf(),k.$_.brand_9)),ep=$.Z.div(th(),k.$_.brand_5),es=$.Z.div(tx(),n=>n.isSelected?.5:0,k.$_.brand_5),ef=$.Z.span(tb(),(0,k.Se)(18),n=>n.isSelected?k.$_.gray_1:k.$_.gray_7),eg=$.Z.span(t_(),(0,k.IV)(14),k.$_.brand_5),eh=$.Z.div(tm()),ex=$.Z.div(tZ(),(0,k.cy)("768")),eb=$.Z.div(tv(),k.$_.brand_5),e_=$.Z.div(ty(),n=>85*n.index+28,k.$_.brand_5),em=$.Z.div(tw(),n=>85*n.index+21,n=>n.isSelected?.5:0,k.$_.brand_5),eZ=$.Z.div(tk()),ev=$.Z.div(tB(),k.$_.brand_9,n=>n.isSelected&&(0,nN.iv)(t$())),ey=$.Z.button(tS()),ew=$.Z.div(tX()),ek=$.Z.span(tI(),(0,k.Se)(18)),e$=$.Z.span(tj(),(0,k.Se)(12),k.$_.brand_5),eB=(0,$.Z)(to.RiI)(tN(),n=>n.isSelected&&(0,nN.iv)(tF())),eS=$.Z.div(tC(),k.$_.brand_9,n=>n.isSelected?"0 20px 20px":"0"),eX="#FF9F43",eI=$.Z.div(tO(),n=>!n.isMobile&&(0,nN.iv)(tE(),k.$_.brand_9)),ej=$.Z.div(tL()),eF=$.Z.span(tz(),(0,k.Se)(14),k.$_.brand_5),eN=$.Z.h4(tM(),(0,k.Se)(24)),eC=$.Z.p(tV(),(0,k.oN)(16),n=>n.isMobile&&(0,nN.iv)(tY(),(0,k.oN)(14))),eE=$.Z.div(tA(),n=>n.dashed&&(0,nN.iv)(tH())),eO=$.Z.div(tT()),eL=$.Z.div(tD()),ez=$.Z.div(tP()),eM=$.Z.div(tG()),eY=$.Z.div(tJ()),eV=$.Z.span(tR(),(0,k.Se)(16),n=>n.highlight?eX:"white"),eH={blue:(0,nN.iv)(tU(),k.$_.brand_5),green:(0,nN.iv)(tq()),orange:(0,nN.iv)(tK(),eX)},eA=$.Z.span(tQ(),(0,k.IV)(12),n=>eH[n.variant]),eT=$.Z.div(tW()),eD=$.Z.p(t0(),(0,k.oN)(15)),eP=$.Z.div(t1(),(0,k.oN)(15)),eG=$.Z.span(t2()),eJ=$.Z.a(t5(),k.$_.brand_3,k.$_.brand_3,(0,k.IV)(14)),eR=$.Z.div(t6()),eU=$.Z.div(t4(),(0,k.Se)(16)),eq=$.Z.span(t8(),k.$_.brand_5),eK=$.Z.div(t3()),eQ=$.Z.span(t7(),(0,k.Se)(16),k.$_.brand_5),eW=$.Z.span(t9(),k.$_.brand_5),e0=$.Z.a(en(),k.$_.brand_5,(0,k.Se)(16)),e1=[{id:"1",subtitle:"시작 전",title:"멘토님 매칭 & 목표 정리",description:"시작 전에 현재 경력, 준비 상태, 목표 포지션을 함께 점검하고 3개월 동안 어디까지 만들지 선명하게 정리합니다.",items:[{label:"멘토님 매칭",description:"원하는 피드백 스타일, 가능한 시간대, 현재 고민을 입력하면 가장 잘 맞는 수료생 멘토를 추천받고 직접 선택할 수 있습니다. 진행 중에도 맞지 않으면 멘토 변경이 가능합니다."},{label:"현재 상태 점검",description:"지금까지 만든 프로젝트, 이력서, 지원 상황을 함께 보며 무엇이 부족한지 먼저 짚습니다. 막연하게 공부 범위를 넓히기보다 3개월 안에 개선할 우선순위를 정합니다."},{label:"준비 가이드",description:"멘토링 시작 전에 필요한 개발 환경과 기본 준비 사항을 안내드리고, 첫 주부터 바로 작업에 들어갈 수 있도록 세팅합니다."}]},{id:"2",subtitle:"1~3주차",title:"프로젝트 방향 설계",description:"완전히 새로운 프로젝트를 시작할지, 부트캠프나 기존 프로젝트를 업그레이드할지 결정하고 어떤 결과물을 만들지 구체화합니다.",items:[{label:"주제 확정",bullets:["프로젝트가 없다면 새로 만들고, 이미 있다면 취업 관점에서 더 강하게 보이도록 업그레이드합니다.","멘토와 함께 주제, 구현 범위, 기술 스택을 정리해 3개월 안에 완성 가능한 계획으로 압축합니다."]},{label:"개발 계획 수립",bullets:["무엇을 먼저 만들고 어떤 순서로 고도화할지 주차별 실행 계획을 세웁니다.","GitHub 활용 방식, 코드 리뷰 방식, 주간 목표 관리 방식도 이 단계에서 함께 정합니다."]},{label:"이력서 방향 설정",description:"멘토님의 이력서와 비교해보며 내 이력서에서 어떤 포인트를 강화해야 하는지 잡고, 이번 과정에서 채울 핵심 섹션을 정합니다."}]}

1,{id:"3",subtitle:"4~7주차",title:"프로젝트 구현 & 코드 리뷰",description:"실제 결과물이 남도록 핵심 기능을 구현하고, 멘토와 코드 리뷰를 반복하며 설명 가능한 수준까지 끌어올립니다.",items:[{label:"핵심 기능 구현",bullets:["프로젝트의 중심이 되는 기능을 직접 구현하며 서비스 구조를 잡습니다.","AI 활용 기능이 필요한 경우 LLM 연동, 프롬프트 설계, 서버 관점의 UX까지 함께 다룹니다."]},{label:"상시 코드 리뷰",bullets:["멘토링 시간 외에도 GitHub와 메신저로 질문하고 피드백받으며 구현 퀄리티를 높여갑니다.","단순히 동작하는 코드가 아니라 왜 이렇게 설계했는지 설명할 수 있도록 꼬리 질문까지 함께 훈련합니다."]},{label:"프로젝트 업그레이드",description:"기존 프로젝트가 있다면 기능 추가, 구조 개선, 리팩터링을 통해 포트폴리오 완성도를 끌어올립니다."}]},{id:"4",subtitle:"8~10주차",title:"이력서 한 섹션 완성",description:"만든 결과물을 이력서에 제대로 녹여내는 단계입니다. 막연한 문장이 아니라 실제로 비교되고 설명되는 문장으로 다듬습니다.",items:[{label:"이력서 1개 섹션 작성",bullets:["프로젝트 경험을 기준으로 한 섹션을 함께 쓰고, 어떤 표현이 강하고 약한지 바로 피드백합니다.","멘토님의 실제 이력서와 비교하며 채용자가 보기에 어떤 차이가 나는지도 같이 확인합니다."]},{label:"설명력 강화",bullets:["기술 선택 이유, 문제 해결 과정, 트레이드오프를 짧고 정확하게 설명하는 연습을 합니다.","이력서 문장과 실제 프로젝트 경험이 어긋나지 않도록 표현을 정교하게 맞춥니다."]}]},{id:"5",subtitle:"11~12주차",title:"면접 질문 훈련 & 경험 공유",description:"실제 면접에서 나올 법한 질문을 바탕으로 답변을 훈련하고, 최근 면접/합격 경험에서 나온 기준을 생생하게 전달받습니다.",items:[{label:"예상 질문 실전 훈련",bullets:["프로젝트, 기술 선택, 협업, 문제 해결과 관련된 질문을 실제 면접처럼 받아보고 답변을 정리합니다.","꼬리 질문까지 이어가며 어디서 막히는지 찾고 답변 구조를 다듬습니다."]},{label:"최근 면접 경험 공유",bullets:["멘토가 직접 겪은 최근 면접 경험과 실제로 많이 나왔던 질문 흐름을 공유합니다.","어떤 준비가 도움이 됐고 어떤 부분이 부족하게 느껴졌는지 현실적인 기준으로 알려드립니다."]},{label:"다음 액션 정리",description:"멘토링 종료 시점에 지원 전략, 보완할 포인트, 다음에 바로 실행할 액션까지 정리해 이후 준비가 끊기지 않도록 돕습니다."}]}];var e2=e(39097),e5=e.n(e2);function e6(){let n=(0,w._)(["\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n\n  padding: 96px 16px;\n\n  background-color: ",";\n"]);return e6=function(){return n},n}function e4(){let n=(0,w._)(["\n  display: flex;\n  flex-direction: column;\n  row-gap: 12px;\n  align-items: center;\n  justify-content: center;\n\n  margin-bottom: 48px;\n\n  text-align: center;\n"]);return e4=function(){return n},n}function e8(){let n=(0,w._)(["\n  ","\n  color: ",";\n\n  "," {\n    ","\n  }\n"]);return e8=function(){return n},n}function e3(){let n=(0,w._)(["\n  ","\n  color: ",";\n\n  "," {\n    ","\n  }\n"]);return e3=function(){return n},n}function e7(){let n=(0,w._)(["\n  width: 100%;\n  max-width: 1032px;\n  overflow-x: auto;\n\n  "," {\n    display: none;\n  }\n"]);return e7=function(){return n},n}function e9(){let n=(0,w._)(["\n  width: 100%;\n  border-collapse: separate;\n  border-spacing: 0;\n"]);return e9=function(){return n},n}function rn(){let n=(0,w._)(["\n  ","\n  color: white;\n  padding: 20px 16px;\n  text-align: center;\n  border-bottom: 2px solid ",";\n  position: relative;\n  background-color: ",";\n\n  &:first-of-type {\n    width: 140px;\n  }\n"]);return rn=function(){return n},n}function rt(){let n=(0,w._)(["\n  ","\n  color: ",";\n  padding: 16px;\n  border-bottom: 1px solid rgba(255, 255, 255, 0.08);\n  white-space: nowrap;\n"]);return rt=function(){return n},n}function re(){let n=(0,w._)(["\n  ","\n  color: ",";\n  padding: 16px;\n  text-align: center;\n  border-bottom: 1px solid rgba(255, 255, 255, 0.08);\n  white-space: pre-wrap;\n  word-break: keep-all;\n  background-color: ",";\n"]);return re=function(){return n},n}function rr(){let n=(0,w._)(["\n  padding: 20px 16px;\n  text-align: center;\n  background-color: ",";\n"]);return rr=function(){return n},n}function ri(){let n=(0,w._)(["\n  ","\n  color: ",";\n  text-decoration: none;\n  padding: 8px 24px;\n  border: 1px solid ",";\n  border-radius: 20px;\n  cursor: pointer;\n\n  &:hover {\n    background-color: ",";\n  }\n"]);return ri=function(){return n},n}function ro(){let n=(0,w._)(["\n  display: none;\n  flex-direction: column;\n  gap: 16px;\n  width: 100%;\n\n  "," {\n    display: flex;\n  }\n"]);return ro=function(){return n},n}function rl(){let n=(0,w._)(["\n  display: flex;\n  flex-direction: column;\n  gap: 12px;\n  padding: 24px 20px;\n  border-radius: 16px;\n  border: 1px solid ",";\n  background-color: ",";\n  position: relative;\n"]);return rl=function(){return n},n}function rc(){let n=(0,w._)(["\n  ","\n  color: white;\n  margin-bottom: 4px;\n"]);return rc=function(){return n},n}function ra(){let n=(0,w._)(["\n  display: flex;\n  justify-content: space-between;\n  align-items: flex-start;\n  gap: 12px;\n"]);return ra=function(){return n},n}function rd(){let n=(0,w._)(["\n  ","\n  color: ",";\n  flex-shrink: 0;\n"]);return rd=function(){return n},n}function ru(){let n=(0,w._)(["\n  ","\n  color: ",";\n  text-align: right;\n  word-break: keep-all;\n"]);return ru=function(){return n},n}function rp(){let n=(0,w._)(["\n  ","\n  color: ",";\n  text-decoration: none;\n  text-align: center;\n  padding: 10px;\n  border: 1px solid ",";\n  border-radius: 20px;\n  margin-top: 4px;\n  cursor: pointer;\n\n  &:hover {\n    background-color: ",";\n  }\n"]);return rp=function(){return n},n}var rs=()=>(0,r.BX)(rh,{children:[(0,r.BX)(rx,{children:[(0,r.tZ)(rb,{children:"어떤 코스가 나에게 맞을까?"}),(0,r.tZ)(r_,{children:"나의 경력과 목표에 맞는 코스를 선택하세요"})]}),(0,r.tZ)(rm,{children:(0,r.BX)(rZ,{children:[(0,r.tZ)("thead",{children:(0,r.BX)("tr",{children:[(0,r.tZ)(rv,{}),(0,r.tZ)(rv,{highlight:!0,children:"First Step"}),(0,r.tZ)(rv,{accent:!0,children:"멘토링"}),(0,r.tZ)(rv,{children:"MSA 코틀린 백엔드"})]})}),(0,r.BX)("tbody",{children:[rf.map(n=>(0,r.BX)("tr",{children:[(0,r.tZ)(ry,{children:n.label}),(0,r.tZ)(rw,{highlight:!0,children:n.lite}),(0,r.tZ)(rw,{accent:!0,children:n.mentoring}),(0,r.tZ)(rw,{children:n.msa})]},n.label)),(0,r.BX)("tr",{children:[(0,r.tZ)(ry,{}),(0,r.tZ)(rk,{highlight:!0}),(0,r.tZ)(rk,{accent:!0,children:(0,r.tZ)(e5(),{href:"/mentoring-courses/java-backend",legacyBehavior:!0,passHref:!0,children:(0,r.tZ)(r$,{accent:!0,children:"코스페이지 가기"})})}),(0,r.tZ)(rk,{children:(0,r.tZ)(e5(),{href:"/mentoring-courses/kotlin-backend",legacyBehavior:!0,passHref:!0,children:(0,r.tZ)(r$,{children:"코스페이지 가기"})})})]})]})]})}),(0,r.tZ)(rB,{children:rg.map(n=>(0,r.BX)(rS,{accent:n.accent,highlight:n.highlight,children:[(0,r.tZ)(rX,{children:n.title}),n.items.map(n=>(0,r.BX)(rI,{children:[(0,r.tZ)(rj,{children:n.label}),(0,r.tZ)(rF,{children:n.value})]},n.label)),n.link&&(0,r.tZ)(e5(),{href:n.link,legacyBehavior:!0,passHref:!0,children:(0,r.tZ)(rN,{accent:n.accent,children:"코스페이지 가기"})})]},n.title))})]});let rf=[{label:"대상",lite:"취준생 ~ 경력 7년 이하",mentoring:"취준생 ~ 경력 7년 이하",msa:"경력 5년 이상"},{label:"멘토",lite:"최근 대기업 면접/합격 경험을 가진\nF-Lab 수료생 개발자",mentoring:"네카라쿠배 출신\n검증된 탑티어 시니어",msa:"네카라쿠배 출신\n검증된 탑티어 시니어"},{label:"멘토링 방식",lite:"전체 동일",mentoring:"전체 동일",msa:"전체 동일"},{label:"커리큘럼",lite:"Java 백엔드 프로젝트 + AI",mentoring:"Java 백엔드 + AI",msa:"Kotlin \xb7 MSA \xb7 DDD\n아키텍처 심화"},{label:"기간",lite:"3개월",mentoring:"3개월",msa:"6개월"},{label:"특징",lite:"최근 시장 기준 점검 +\n3개월 실행 루틴 정렬",mentoring:"개인 맞춤 설계 +\n깊은 피드백으로 결과 추적",msa:"대규모 트래픽 환경의\n아키텍처 설계 실전 경험"},{label:"이런 분께 추천",lite:"혼자 시작이 막막해\n방향과 루틴이 필요한 분",mentoring:"쌓아 둔 지식과 경험치를\n보다 깊고 날렵하게 가꾸고 싶은 분",msa:"시니어로 도약하기 위한\n아키텍처 역량이 필요한 분"}],rg=[{title:"First Step",highlight:!0,accent:!1,link:"",items:[{label:"대상",value:"취준생 ~ 경력 7년 이하"},{label:"멘토",value:"최근 대기업 면접/합격 경험을 가진 F-Lab 수료생 개발자"},{label:"멘토링 방식",value:"전체 동일"},{label:"커리큘럼",value:"Java 백엔드 프로젝트 + AI"},{label:"기간",value:"3개월"},{label:"특징",value:"프로젝트 + 이력서/면접 준비를 3개월 안에 빠르게 정렬"},{label:"추천",value:"프로젝트 결과물과 함께 취업 준비를 구체화하고 싶은 분"}]},{title:"멘토링",highlight:!1,accent:!0,link:"/mentoring-courses/java-backend",items:[{label:"대상",value:"취준생 ~ 경력 7년 이하"},{label:"멘토",value:"네카라쿠배 출신 검증된 탑티어 시니어"},{label:"멘토링 방식",value:"전체 동일"},{label:"커리큘럼",value:"Java 백엔드 + AI"},{label:"기간",value:"3개월"},{label:"특징",value:"개인 맞춤 설계 + 깊은 피드백으로 결과 추적"},{label:"추천",value:"쌓아 둔 지식과 경험치를 보다 깊고 날렵하게 가꾸고 싶은 분"}]},{title:"MSA 코틀린 백엔드",highlight:!1,accent:!1,link:"/mentoring-courses/kotlin-backend",items:[{label:"대상",value:"경력 5년 이상"},{label:"멘토",value:"네카라쿠배 출신 검증된 탑티어 시니어"},{label:"멘토링 방식",value:"전체 동일"},{label:"커리큘럼",value:"Kotlin \xb7 MSA \xb7 DDD 아키텍처 심화"},{label:"기간",value:"6개월"},{label:"특징",value:"대규모 트래픽 환경의 아키텍처 설계 실전 경험"},{label:"추천",value:"시니어로 도약하기 위한 아키텍처 역량이 필요한 분"}]}],rh=$.Z.div(e6(),k.$_["inverted-bg-2"]),rx=$.Z.div(e4()),rb=$.Z.h2(e8(),(0,k.Se)(32),k.$_["inverted-text-title"],(0,k.cy)("768"),(0,k.Se)(24)),r_=$.Z.p(e3(),(0,k.oN)(18),k.$_["inverted-text-body"],(0,k.cy)("768"),(0,k.oN)(16)),rm=$.Z.div(e7(),(0,k.cy)("768")),rZ=$.Z.table(e9()),rv=$.Z.th(rn(),(0,k.Se)(18),n=>n.accent?"#FF6B35":k.$_.brand_5,n=>n.highlight?"rgba(37, 99, 235, 0.1)":n.accent?"rgba(255, 107, 53, 0.08)":"transparent"),ry=$.Z.td(rt(),(0,k.Se)(15),k.$_.gray_3),rw=$.Z.td(re(),(0,k.oN)(15),k.$_["inverted-text-body"],n=>n.highlight?"rgba(37, 99, 235, 0.05)":n.accent?"rgba(255, 107, 53, 0.04)":"transparent"),rk=$.Z.td(rr(),n=>n.highlight?"rgba(37, 99, 235, 0.05)":n.accent?"rgba(255, 107, 53, 0.04)":"transparent"),r$=$.Z.a(ri(),(0,k.IV)(14),n=>n.accent?"#FF6B35":k.$_.brand_5,n=>n.accent?"#FF6B35":k.$_.brand_5,n=>n.accent?"rgba(255, 107, 53, 0.15)":"rgba(37, 99, 235, 0.15)"),rB=$.Z.div(ro(),(0,k.cy)("768")),rS=$.Z.div(rl(),n=>n.highlight?k.$_.brand_5:n.accent?"#FF6B35":"rgba(255, 255, 255, 0.1)",n=>n.highlight?"rgba(37, 99, 235, 0.08)":n.accent?"rgba(255, 107, 53, 0.06)":"rgba(255, 255, 255, 0.03)"),rX=$.Z.h3(rc(),(0,k.Se)(20)),rI=$.Z.div(ra()),rj=$.Z.span(rd(),(0,k.IV)(14),k.$_.gray_5),rF=$.Z.span(ru(),(0,k.oN)(14),k.$_["inverted-text-body"]),rN=$.Z.a(rp(),(0,k.IV)(14),n=>n.accent?"#FF6B35":k.$_.brand_5,n=>n.accent?"#FF6B35":k.$_.brand_5,n=>n.accent?"rgba(255, 107, 53, 0.15)":"rgba(37, 99, 235, 0.15)");var rC=e(5632),rE=e(41546),rO=e(6257),rL=e(18655),rz=e(97288),rM=e(37662);function rY(){let n=(0,w._)(["\n  position: relative;\n\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n\n  overflow: hidden;\n\n  width: 100%;\n  height: 80vh;\n  min-height: 500px;\n  max-height: 700px;\n\n  background: #000;\n\n  "," {\n    height: 70vh;\n    min-height: 420px;\n    max-height: 600px;\n  }\n"]);return rY=function(){return n},n}function rV(){let n=(0,w._)(["\n  position: absolute;\n  z-index: 0;\n  top: 0;\n  left: 0;\n\n  width: 100%;\n  height: 100%;\n\n  object-fit: cover;\n"]);return rV=function(){return n},n}function rH(){let n=(0,w._)(["\n  position: absolute;\n  z-index: 1;\n  inset: 0;\n\n  background: rgba(0, 0, 0, 0.55);\n"]);return rH=function(){return n},n}function rA(){let n=(0,w._)(["\n  position: absolute;\n  z-index: 2;\n\n  display: flex;\n  align-items: center;\n  justify-content: center;\n\n  opacity: 0.35;\n  filter: drop-shadow(0 0 40px rgba(0, 114, 246, 0.25));\n"]);return rA=function(){return n},n}function rT(){let n=(0,w._)(["\n  position: relative;\n  z-index: 10;\n\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  gap: 8px;\n\n  text-align: center;\n"]);return rT=function(){return n},n}function rD(){let n=(0,w._)(["\n  ","\n  margin: 0;\n  color: ",";\n\n  "," {\n    ","\n  }\n"]);return rD=function(){return n},n}function rP(){let n=(0,w._)(["\n  margin: 0;\n\n  font-size: 64px;\n  font-weight: 900;\n  line-height: 1.3;\n  color: ",";\n  text-shadow: 0 0 20px #000, 0 0 40px ",";\n\n  -webkit-text-fill-color: ",";\n  -webkit-text-stroke: 1px ",";\n\n  "," {\n    ","\n    text-shadow: 0 0 100px #0072f6;\n    -webkit-text-stroke: 0;\n  }\n"]);return rP=function(){return n},n}function rG(){let n=(0,w._)(["\n  display: flex;\n  gap: 12px;\n  align-items: center;\n\n  margin-top: 8px;\n"]);return rG=function(){return n},n}function rJ(){let n=(0,w._)(["\n  ","\n  color: ",";\n  letter-spacing: 0.5px;\n\n  "," {\n    ","\n  }\n"]);return rJ=function(){return n},n}function rR(){let n=(0,w._)(["\n  width: 4px;\n  height: 4px;\n\n  background: ",";\n  border-radius: 50%;\n"]);return rR=function(){return n},n}function rU(){let n=(0,w._)(["\n  position: absolute;\n  z-index: 10;\n  bottom: 48px;\n\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  gap: 16px;\n\n  "," {\n    bottom: 32px;\n    gap: 12px;\n  }\n"]);return rU=function(){return n},n}function rq(){let n=(0,w._)(["\n  ","\n  margin: 0;\n  color: rgba(255, 255, 255, 0.7);\n  text-align: center;\n  line-height: 1.6;\n\n  "," {\n    ","\n  }\n"]);return rq=function(){return n},n}function rK(){let n=(0,w._)(["\n  ","\n\n  padding: 14px 48px;\n\n  color: ",";\n\n  background: ",";\n  border: none;\n  border-radius: 6px;\n  box-shadow: 0 0 20px rgba(0, 114, 246, 0.4);\n\n  cursor: pointer;\n  transition: background 0.2s ease, transform 0.15s ease;\n\n  &:hover {\n    background: ",";\n    transform: translateY(-1px);\n  }\n\n  &:active {\n    transform: translateY(0);\n  }\n\n  "," {\n    ","\n    padding: 12px 40px;\n  }\n"]);return rK=function(){return n},n}var rQ=n=>{let{courseCode:t,scrollToComponent:e,즉시_시작_상품:i}=n,o=(0,rC.useRouter)(),{courseId:c}=(0,rO.Ou)(t),{goApplicationWithHandler:a}=(0,rM.Z)(),d=(0,rL.m)("(max-width: 768px)"),u=async()=>

1{if(l.Z.getInstance().sendCustomEvent("click_course_earlybird_application_up"),!(0,s.R)({startMonth:i.startMonth,startYear:i.startYear})||!i.opened){e();return}let n=await rE.Z.validateLogin();await a({applicationInfoId:i.applicationInfoId,courseId:c,loggedIn:n,productId:i.productId,router:o,startMonth:i.startMonth,startYear:i.startYear})};return(0,r.BX)(rW,{children:[(0,r.tZ)(r0,{autoPlay:!0,loop:!0,muted:!0,playsInline:!0,src:"/videos/dev-club/banner-web.mp4"}),(0,r.tZ)(r1,{}),(0,r.tZ)(r2,{children:(0,r.tZ)(rz.Z,{isMobile:d})}),(0,r.BX)(r5,{children:[(0,r.tZ)(r6,{children:"수료생 멘토와 함께하는"}),(0,r.BX)(r4,{children:["First Step",(0,r.tZ)("br",{}),"Mentoring"]}),(0,r.BX)(r8,{children:[(0,r.tZ)(r3,{children:"3개월"}),(0,r.tZ)(r7,{}),(0,r.tZ)(r3,{children:"138만원"}),(0,r.tZ)(r7,{}),(0,r.tZ)(r3,{children:"1:1"})]})]}),(0,r.BX)(r9,{children:[(0,r.BX)(it,{children:["수료생 개발자와 함께",(0,r.tZ)("br",{}),"프로젝트\xb7이력서\xb7면접 준비를 밀도 있게 정리하는 멘토링"]}),(0,r.tZ)(ie,{onClick:u,children:"신청하러 가기"})]})]})};let rW=$.Z.div(rY(),(0,k.cy)("768")),r0=$.Z.video(rV()),r1=$.Z.div(rH()),r2=$.Z.div(rA()),r5=$.Z.div(rT()),r6=$.Z.h1(rD(),(0,k.IV)(32),k.$_.brand_4,(0,k.cy)("768"),(0,k.IV)(20)),r4=$.Z.h2(rP(),k.$_.gray_3,k.$_.brand_5,k.$_.gray_3,k.$_.brand_0,(0,k.cy)("768"),(0,k.Se)(44)),r8=$.Z.div(rG()),r3=$.Z.span(rJ(),(0,k.Se)(14),k.$_.gray_4,(0,k.cy)("768"),(0,k.Se)(12)),r7=$.Z.span(rR(),k.$_.gray_7),r9=$.Z.div(rU(),(0,k.cy)("768")),it=$.Z.p(rq(),(0,k.oN)(16),(0,k.cy)("768"),(0,k.oN)(14)),ie=$.Z.button(rK(),(0,k.Se)(16),k.$_.gray_0,k.$_.brand_5,k.$_.brand_6,(0,k.cy)("768"),(0,k.Se)(14));var ir=e(2261);function ii(){let n=(0,w._)(["\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n\n  width: 100%;\n  padding: 96px 16px;\n\n  background-color: ",";\n"]);return ii=function(){return n},n}function io(){let n=(0,w._)(["\n  display: flex;\n  align-items: center;\n  justify-content: center;\n\n  width: 100%;\n  margin-bottom: 28px;\n  padding: 0 16px;\n\n  "," {\n    justify-content: space-between;\n  }\n"]);return io=function(){return n},n}function il(){let n=(0,w._)(["\n  ","\n  color: ",";\n\n  "," {\n    ","\n  }\n"]);return il=function(){return n},n}function ic(){let n=(0,w._)(["\n  display: none;\n  column-gap: 24px;\n  align-items: center;\n\n  "," {\n    display: flex;\n  }\n"]);return ic=function(){return n},n}function ia(){let n=(0,w._)(["\n  cursor: pointer;\n  user-select: none;\n\n  display: flex;\n  align-items: center;\n  justify-content: center;\n\n  width: 40px;\n  height: 40px;\n\n  color: ",";\n\n  background-color: ",";\n  border-radius: 50%;\n"]);return ia=function(){return n},n}function id(){let n=(0,w._)(["\n  position: relative;\n\n  overflow: hidden;\n\n  width: 100%;\n  max-width: 1200px;\n  margin: 0 auto 72px;\n  padding: 0 72px;\n\n  "," {\n    padding: 0;\n  }\n"]);return id=function(){return n},n}function iu(){let n=(0,w._)(["\n  position: absolute;\n  top: 0;\n  right: 0;\n  left: 0;\n\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n\n  width: 100%;\n  height: 100%;\n\n  "," {\n    display: none;\n  }\n"]);return iu=function(){return n},n}function ip(){let n=(0,w._)(["\n  display: flex;\n  flex-direction: column;\n  row-gap: 18px;\n\n  width: 328px;\n  height: 412px;\n  padding: 20px 22px;\n\n  background-color: ",";\n  border: 1px solid ",";\n  border-radius: 10px;\n"]);return ip=function(){return n},n}function is(){let n=(0,w._)(["\n  display: flex;\n  flex-direction: column;\n  row-gap: 8px;\n  align-items: center;\n"]);return is=function(){return n},n}function ig(){let n=(0,w._)(["\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  width: 100%;\n"]);return ig=function(){return n},n}function ih(){let n=(0,w._)(["\n  ","\n  color: ",";\n"]);return ih=function(){return n},n}function ix(){let n=(0,w._)(["\n  ","\n  color: ",";\n"]);return ix=function(){return n},n}function ib(){let n=(0,w._)(["\n  display: flex;\n  gap: 6px;\n  align-items: center;\n  width: 100%;\n"]);return ib=function(){return n},n}function i_(){let n=(0,w._)(["\n  ","\n  color: ",";\n  border: 1px solid ",";\n  padding: 4px 6px;\n  border-radius: 4px;\n"]);return i_=function(){return n},n}function im(){let n=(0,w._)(["\n  display: flex;\n  align-items: center;\n  justify-content: center;\n\n  height: 72px;\n\n  background-color: ",";\n  border-radius: 5px;\n"]);return im=function(){return n},n}function iZ(){let n=(0,w._)(["\n    height: ","px;\n  "]);return iZ=function(){return n},n}function iv(){let n=(0,w._)(["\n  width: auto;\n  ","\n"]);return iv=function(){return n},n}function iy(){let n=(0,w._)(["\n  ","\n  color: ",";\n"]);return iy=function(){return n},n}function iw(){let n=(0,w._)(["\n  ","\n  line-height: 150%;\n  color: ",";\n  white-space: pre-wrap;\n  word-break: keep-all;\n\n  flex: 1;\n\n  ","\n"]);return iw=function(){return n},n}function ik(){let n=(0,w._)(["\n  ","\n  color: ",";\n  margin: 0 auto;\n"]);return ik=function(){return n},n}function i$(){let n=(0,w._)(["\n  ","\n  color: ",";\n\n  "," {\n    ","\n  }\n"]);return i$=function(){return n},n}function iB(){let n=(0,w._)(["\n  position: fixed;\n  z-index: 99999;\n  top: 0;\n  left: 0;\n\n  overflow-y: auto;\n  display: flex;\n  flex-direction: column;\n  row-gap: 20px;\n  align-items: center;\n\n  width: 100%;\n  height: 100%;\n  padding: 100px 32px;\n\n  background-color: rgb(0 0 0 / 45%);\n\n  "," {\n    justify-content: center;\n    padding: 0 16px;\n  }\n"]);return iB=function(){return n},n}function iS(){let n=(0,w._)(["\n  display: flex;\n  flex-direction: column;\n  row-gap: 18px;\n\n  width: 100%;\n  max-width: 480px;\n  padding: 20px 22px;\n\n  background-color: ",";\n  border: 1px solid ",";\n  border-radius: 10px;\n"]);return iS=function(){return n},n}function iX(){let n=(0,w._)(["\n  ","\n  line-height: 150%;\n  color: ",";\n  white-space: pre-wrap;\n  word-break: keep-all;\n"]);return iX=function(){return n},n}function iI(){let n=(0,w._)(["\n  ","\n  color: ",";\n\n  "," {\n    ","\n  }\n\n  span {\n    ","\n    color: ",";\n  }\n"]);return iI=function(){return n},n}function ij(){let n=(0,w._)(["\n  width: 40px;\n  height: 40px;\n  padding: 10px;\n\n  background-color: ",";\n  border-radius: 50%;\n"]);return ij=function(){return n},n}e(69425),e(83249);var iF=()=>{var n,t,e,o,l,c,a;let[d,u]=(0,i.useState)(null),p=(0,i.useRef)(null),s=(0,i.useCallback)(()=>{var n,t;null==p||null===(t=p.current)||void 0===t||null===(n=t.swiper)||void 0===n||n.slidePrev()},[]),f=(0,i.useCallback)(()=>{var n,t;null==p||null===(t=p.current)||void 0===t||null===(n=t.swiper)||void 0===n||n.slideNext()},[]),g=(0,i.useCallback)(n=>{if(n.isBeginning||n.isEnd)return},[]);return(0,i.useEffect)(()=>{d?window.document.body.style.overflowY="hidden":window.document.body.style.overflowY=""}

1,[d]),(0,r.BX)(iN,{children:[(0,r.BX)(iC,{children:[(0,r.tZ)(iE,{children:"수료생들의 후기"}),(0,r.BX)(iO,{children:[(0,r.tZ)(iL,{className:"left",onClick:s,children:(0,r.tZ)(to.bUI,{size:16})}),(0,r.tZ)(iL,{className:"right",onClick:f,children:(0,r.tZ)(to.Dli,{size:16})})]})]}),(0,r.BX)(iz,{children:[(0,r.tZ)(ir.tq,{loop:!0,onSlideChange:g,ref:p,slidesPerView:"auto",spaceBetween:24,children:i6.map(n=>(0,r.BX)(iY,{onClick:()=>u(n.id),children:[(0,r.BX)(iV,{children:[(0,r.BX)(iH,{children:[(0,r.tZ)(iA,{children:n.name}),(0,r.tZ)(iT,{children:"최종 합격"})]}),(0,r.tZ)(iD,{children:n.tag.map(n=>(0,r.tZ)(iP,{children:n},n))})]}),(0,r.tZ)(iG,{children:(null==i5?void 0:i5[n.company])?(0,r.tZ)(iJ,{company:n.company,src:"/images/mentoring-courses/java-backend/company/".concat(n.company,".webp")}):(0,r.tZ)(iR,{children:n.company})}),(0,r.tZ)(iU,{children:n.review}),(0,r.tZ)(iq,{children:"더보기"})]},n.name))}),(0,r.BX)(iM,{children:[(0,r.tZ)(iL,{className:"left",onClick:s,children:(0,r.tZ)(to.bUI,{size:24})}),(0,r.tZ)(iL,{className:"right",onClick:f,children:(0,r.tZ)(to.Dli,{size:24})})]})]}),(0,r.tZ)(iK,{href:"/reviews",children:"더 많은 후기 보러가기 >"}),d&&(0,r.BX)(iQ,{children:[(0,r.BX)(iW,{children:[(0,r.BX)(iV,{children:[(0,r.BX)(iH,{children:[(0,r.tZ)(iA,{children:null===(n=i6.find(n=>n.id===d))||void 0===n?void 0:n.name}),(0,r.tZ)(iT,{children:"최종 합격"})]}),(0,r.tZ)(iD,{children:null===(t=i6.find(n=>n.id===d))||void 0===t?void 0:t.tag.map(n=>(0,r.tZ)(iP,{children:n},n))})]}),(0,r.tZ)(iG,{children:(null==i5?void 0:i5[null===(e=i6.find(n=>n.id===d))||void 0===e?void 0:e.company])?(0,r.tZ)(iJ,{company:null===(o=i6.find(n=>n.id===d))||void 0===o?void 0:o.company,src:"/images/mentoring-courses/java-backend/company/".concat(null===(l=i6.find(n=>n.id===d))||void 0===l?void 0:l.company,".webp")}):(0,r.tZ)(iR,{children:null===(c=i6.find(n=>n.id===d))||void 0===c?void 0:c.company})}),(0,r.tZ)(i0,{children:null===(a=i6.find(n=>n.id===d))||void 0===a?void 0:a.review})]}),(0,r.BX)(i1,{onClick:()=>u(null),children:[(0,r.tZ)(i2,{}),(0,r.tZ)("span",{children:"닫기"})]})]})]})};let iN=$.Z.div(ii(),k.$_.gray_1),iC=$.Z.div(io(),(0,k.cy)("1096")),iE=$.Z.h2(il(),(0,k.Se)(32),k.$_.gray_9,(0,k.cy)("768"),(0,k.Se)(24)),iO=$.Z.div(ic(),(0,k.cy)("1096")),iL=$.Z.button(ia(),k.$_.gray_0,k.$_.gray_5),iz=$.Z.div(id(),(0,k.cy)("1096")),iM=$.Z.div(iu(),(0,k.cy)("1096")),iY=(0,$.Z)(ir.o5)(ip(),k.$_.gray_0,k.$_.gray_3),iV=$.Z.div(is()),iH=$.Z.div(ig()),iA=$.Z.span(ih(),(0,k.Se)(18),k.$_.gray_8),iT=$.Z.span(ix(),(0,k.oN)(14),k.$_.gray_6),iD=$.Z.div(ib()),iP=$.Z.span(i_(),(0,k.Se)(14),k.$_.brand_5,k.$_.brand_5),iG=$.Z.div(im(),k.$_.gray_1),iJ=$.Z.img(iv(),n=>{let{company:t}=n;return(0,nN.iv)(iZ(),i5[t])}),iR=$.Z.span(iy(),(0,k.Se)(20),k.$_.brand_4),iU=$.Z.p(iw(),(0,k.oN)(16),k.$_.gray_8,(0,k.LH)(7)),iq=$.Z.span(ik(),(0,k.Se)(16),k.$_.gray_6),iK=(0,$.Z)(e5())(i$(),(0,k.IV)(18),k.$_.brand_5,(0,k.cy)("768"),(0,k.IV)(16)),iQ=$.Z.div(iB(),(0,k.cy)("768")),iW=$.Z.div(iS(),k.$_.gray_0,k.$_.gray_3),i0=$.Z.p(iX(),(0,k.oN)(16),k.$_.gray_8),i1=$.Z.button(iI(),(0,k.IV)(18),k.$_.white,(0,k.cy)("768"),(0,k.IV)(16),(0,k.Se)(12),k.$_.white),i2=(0,$.Z)(to.aHS)(ij(),k.$_.gray_5),i5={"11번가":28,네이버:20,넥슨:34,무신사:20,삼성:36,여기어때:20,채널톡:36,카카오:32,쿠팡:28,토스:32,하이퍼커넥트:18,LG:34},i6=[{id:"1",name:"양OO 님",tag:["전공","신입","연봉 5000만 원"],company:"토스",review:"저는 멘토링을 통해서 개발자로서 밑바탕을 그릴 수 있었습니다. 먼저, 기술을 공부하는 저의 태도를 바꾸었습니다. 멘토링을 통해서 하나의 기술을 알더라도 제대로 알고 사용하는 것이 중요하다는 것을 알게 되었고, 기술을 더 꼼꼼히 공부하는 습관이 생겼습니다. 멘토링을 하면서 만든 공부 습관이 앞으로 새로운 기술을 습득할 때도 도움이 될 것 같습니다.\n\n또, 나만의 글쓰기 습관을 만들 수 있었습니다. 블로그를 제대로 사용하기 위해서 어떤 글을 쓸지 막막했는데, 멘토님께서 남들과 똑같은 글이 아니라 나만의 글을 쓰기 위해서 어떻게 해야하는지에 대해서 조언해주셨고, 제 글에 대해서 피드백을 받으면서 나만의 글을 쓰는 방식을 알게 되었습니다."},{id:"2",name:"정O0 님",tag:["전공","신입","연봉 5000만 원"],company:"카카오",review:"[F-Lab의 장점] 무엇을 공부해야할 지 모를 때, 어떤 것을 우선적으로 공부할지 방향을 잡아줍니다. 공부를 할 때 애매하게 알고 넘어가지 못하게 합니다. 어떻게 익힐지, 어떻게 사용할지 공부의 방법을 알려줍니다. 1:1 밀착 코드 리뷰를 받을 수 있고 생각 없이 짠 코드가 보이면 가차없이 리뷰를 남겨줍니다."},{id:"3",name:"소OO 님",tag:["전공","연봉 6000만 원"],company:"네이버",review:"[가장 도움이 되었던 ê²½í—

1˜] 공부하는 방법과 기초부분에 대한 부분들이 도움이 되었습니다\n\n[F-Lab 멘토링에 대한 후기] 너무나도 좋은 멘토님을 만나서 많이 성장하는 계기가 되었습니다!"},{id:"4",name:"오OO 님",tag:["경력","연봉 5000만 원"],company:"넥슨",review:"상시로 커리어에 관한 전반적인 내용을 피드백 받을 수 있고, 일반적인 학원에서 강의 방식이 아닌 생각하는 법을 다시 한번 피드백 주시는 점이 좋았습니다. 자신의 기술력을 보여 줄 수 있는 언어, 코드 작성, 블로그 글 작성 등 여러 부분에서 단기적인 성과가 아닌 미래의 자발적인 프로그래머서의 자질을 높여주는 것 같아서 ê·¸ 부분이 제일 만족스러웠습니다."},{id:"5",name:"박OO 님",tag:["경력","연봉 5000만 원"],company:"카카오",review:"SI/SM 기업에서 서비스 기업으로 이직하기 위해 혼자 공부하면서 가장 힘들었던 것은, 구체적으로 어떤 것을 어떻게 공부해야할지 방향성을 잡기 힘들었다는 것이었습니다. 하지만 F-Lab 멘토링을 통해 저는 학습의 방향성을 잡을 수 있었고, ê·¸ 방향성을 잃지 않고 꾸준히 나아갈 수 있는 힘을 얻을 수 있었습니다."},{id:"6",name:"ë°°OO 님",tag:["전공","경력","연봉 5000만 원"],company:"삼성",review:"컴퓨터공학과를 졸업했지만 졸업만 했을 뿐 CS 기초도 부족했고 개발과도 거리가 멀었습니다. 만족스럽지 않은 회사에 다니며 진로에 대해 고민하던 와중 지인으로부터 에프랩을 소개받게 되어 시작하게 되었습니다. 멘토링 과정을 진행하며 이전에는 왜 배우는지 체감하지 못하던 CS 기초 지식과 이론 공부에 대해 중요성을 깨달을 수 있었고 깊게 공부할 수 있었습니다."},{id:"7",name:"이OO 님",tag:["전공","신입","연봉 5000만 원"],company:"네이버",review:"막연하다고 느껴질 수 있는 '좋은 개발자'라는 타이틀에 한 걸음 다가갈 수 있도록 방향을 제시받음으로서 확신을 가지고 개발에 매진할 수 있도록 해주는 과정이었습니다. 이로써 이전보다 훨씬 빠르게 성장 한다는 것을 체감할 수 있었고, 이는 더 많은 시간을 투자하게 되는 선순환을 만들어 주었습니다."},{id:"8",name:"이OO 님",tag:["전공","신입","연봉 5000만 원"],company:"쿠팡",review:"학습 방향성을 확실히 깨달을 수 있어서 좋았다. 취업 시장과 현직자들이 요구하는 능력을 학교에서만 공부하면 놓치게 되는데, 멘토링을 통해 이러한 간극을 매울 수 있게 되었다."},{id:"9",name:"안OO 님",tag:["전공","신입","연봉 5000만 원"],company:"채널톡",review:"F-Lab 멘토링 기간 동안 개인적으로 대학 4년과 부트 캠프 1년의 시간보다 더 비약적인 성장을 할 수 있는 시간이었습니다. 짧은 시간동안 정말 많은 것에 대해 배웠고 좋은 개발자로 성장하기 위해 어떻게 노력해야하는지 나의 강점을 어떻게 하면 잘 드러낼 수 있는지, 스스로 성장할 수 있도록 올바른 방향성과 원동력을 멘토링을 통해 얻을 수 있었던 것 같습니다."},{id:"10",name:"남OO 님",tag:["비전공"],company:"무신사",review:"정말 F-lab 멘토링을 신청하는 용기가 없었더라면 지금의 자신에 대해 확신을 못할 정도로 만족을 넘어 찬양합니다. 아직도 많이 부족한 것은 사실이지만 배웠던 것을 되새기고 강조해주셨던 태도를 갖추기 위해 노력한다면 더 좋은 개발자가 되고 싶다는 다짐을 이룰 수 있을거 같다 확신합니다!"}];var i4=e(96916),i8=e(30090),i3=e(21354),i7=e(96714),i9=e(2426),on=e(81333),ot=e(81944);let oe="java-backend-lite",or=n=>{let{courseDetailInfos:t}=n,e=(0,ot.Cs)((0,ot.gr)((0,ot.gC)(t))),a=e.find(n=>(0,s.R)({startMonth:n.startMonth,startYear:n.startYear}))||e[0],{destinationComponent:w,scrollToComponent:k}=(0,o.a)(),$=(0,f.sJ)(h.G),[B]=(0,f.FV)(p.Y),S=(0,x.e)(8,async()=>

1{if((null==$?void 0:$.purchaser)&&"true"===localStorage.getItem("isCouponLogin")&&(localStorage.removeItem("isCouponLogin"),l.Z.getInstance().sendCustomEvent("coupon_send_to_purchaser",{userId:null==B?void 0:B.userId})),!(null==$?void 0:$.purchaser))try{return(await (0,g.U)()).data.data||void 0}catch(n){console.error(n)}});(0,i.useEffect)(()=>{l.Z.getInstance().sendCustomEvent("view_course_detail",{course:oe,courseItems:e,floatButtonMessage:m.T}),l.Z.getInstance().sendCustomEvent("view_course_java-backend-lite")},[]);let X=t.length<=0;return(0,_.Z)({page:"detail"}),(0,r.BX)(r.HY,{children:[(0,r.tZ)(rQ,{courseCode:oe,scrollToComponent:k,즉시_시작_상품:a}),(0,r.tZ)(n3,{}),(0,r.tZ)(nw,{}),(0,r.tZ)(z,{}),(0,r.tZ)(b.Z,{}),(0,r.tZ)(i9.Z,{courseCode:oe}),(0,r.tZ)(rs,{}),(0,r.tZ)(i3.Z,{}),(0,r.tZ)(ee,{}),(0,r.tZ)(v.Z,{}),(0,r.tZ)(i7.Z,{}),(0,r.tZ)(i8.Z,{}),(0,r.tZ)(nr,{}),(0,r.tZ)(nP,{}),(0,r.tZ)(iF,{}),(0,r.tZ)(u.Z,{}),(0,r.tZ)(i4.Z,{hideEarlyBird:!0}),(0,r.tZ)(Z.Z,{}),(0,r.tZ)(d.Z,{courseCode:oe,courseDetailInfos:e,destinationComponent:w,noAvailableItems:X}),(0,r.tZ)(on.Z,{}),(0,r.tZ)(c.Z,{}),(0,r.tZ)(y.Z,{coupon:S,courseCode:oe,courseInfo:a,description:m.T,destinationComponent:w,scrollToComponent:k})]})};or.getLayout=function(n){return(0,r.tZ)(a.Z,{children:n})};var oi=!0,oo=or},40146:function(n,t,e){"use strict";var r=e(67862),i=e(52903),o=e(2784),l=e(265),c=e(35033),a=e(6281),d=e(28165),u=e(11198),p=e(14607),s=e(90153),f=e(75680),g=e(2426),h=e(2190);function x(){let n=(0,r._)(["\n  position: sticky;\n  z-index: 1001;\n  top: ","px;\n\n  @media (max-width: 768px) {\n    top: ","px;\n  }\n"]);return x=function(){return n},n}function b(){let n=(0,r._)(["\n  width: 100%;\n  height: 51px;\n  background-color: black;\n\n  @media (max-width: 768px) {\n    height: 47px;\n  }\n"]);return b=function(){return n},n}function _(){let n=(0,r._)(["\n  position: absolute;\n  top: 0;\n  left: 0;\n\n  display: flex;\n  gap: 4px;\n  align-items: center;\n  justify-content: center;\n\n  width: 100%;\n  height: fit-content;\n  padding-top: 10px;\n\n  background: #15181b66;\n  backdrop-filter: blur(24px);\n"]);return _=function(){return n},n}function m(){let n=(0,r._)(["\n      border-bottom: 1px solid ",";\n    "]);return m=function(){return n},n}function Z(){let n=(0,r._)(["\n  display: flex;\n  flex: 1;\n  align-items: center;\n  justify-content: center;\n\n  max-width: 240px;\n  padding: 10px 4px;\n\n  transition: color 0.3s ease-in-out;\n\n  color: ",";\n  white-space: nowrap;\n  ","\n  ","\n\n  @media screen and (max-width: 768px) {\n    ","\n  }\n"]);return Z=function(){return n},n}t.Z=()=>{let{isShowGNB:n}=(0,a.a)(),[t,e]=(0,o.useState)(""),r=(n,t)=>{let e=document.getElementById(n);e&&e.scrollIntoView({behavior:"smooth"}),p.Z.getInstance().sendCustomEvent("click_detail_page_section_nav_item",{section:t})};return(0,o.useEffect)(()=>{let n=()=>{let n=window.scrollY+window.innerHeight/2,t="";$.forEach(e=>{let r=document.getElementById(e.id);r&&n>=r.offsetTop&&(t=e.id)}),e(t)};return window.addEventListener("scroll",n),n(),()=>window.removeEventListener("scroll",n)},[]),(0,i.BX)(i.HY,{children:[(0,i.tZ)(v,{isShowGNB:n,children:(0,i.tZ)(w,{children:$.map(n=>(0,i.tZ)(k,{className:"section",isActive:t===n.id,onClick:()=>{r(n.id,n.title)},children:n.title},n.id))})}),(0,i.tZ)(y,{})]})};let v=u.Z.div(x(),n=>{let{isShowGNB:t}=n;return t?60:0},n=>{let{isShowGNB:t}=n;return t?60:0}),y=u.Z.div(b()),w=u.Z.div(_()),k=u.Z.button(Z(),n=>{let{isActive:t}=n;return t?l.$_.white:l.$_.gray_4},n=>{let{isActive:t}=n;return t?(0,l.Se)(18):(0,l.IV)(18)},n=>{let{isActive:t}=n;return t&&(0,d.iv)(m(),l.$_.white)},n=>{let{isActive:t}=n;return t?(0,l.Se)(14):(0,l.IV)(14)}),$=[{id:h.m,title:"커리큘럼"},{id:g.O,title:"멘토 소개"},{id:f.C,title:"혜택"},{id:s.Qo,title:"후기"},{id:c.F,title:"신청하기"}]}},function(n){n.O(0,[6525,6577,7163,6095,960,8613,9462,800,4055,153,2921,7994,1840,2426,7550,3505,1637,2888,9774,179],function(){return n(n.s=91398)}),_N_E=n.O()}]);