https://naemo.ai/_next/static/chunks/1405-7e9d6ca9e9fa5e3d.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[1405],{81405:function(e,t,r){"use strict";r.r(t),r.d(t,{StudentMockExamTab:function(){return z},default:function(){return L}});var a=r(57437),s=r(2265),d=r(14296),l=r(81385),i=r(56940),c=r(97059),n=r(62994),o=r(11655),m=r(77719),x=r(26948),u=r(33245),p=r(93448),h=r(1406),b=r(57617),v=r.n(b),g=r(85625),j=r.n(g),y=r(36421),f=r(9412),k=r.n(f);function N(e){return["사회","과학","탐구1","탐구2"].includes(e.subject)?1===e.grade||2===e.grade?"사회"===e.subject||"탐구1"===e.subject?"사회":"과학":e.subjectDetail||e.subject:e.subject}function w(e){var t,r,d,l,i,c;let{mockExams:n,subjects:o}=e,m=(0,s.useMemo)(()=>{var e;let t=new Map;for(let e of n){let r="".concat(e.year,"-").concat(e.month);t.has(r)||t.set(r,{year:e.year,month:e.month,records:[]}),t.get(r).records.push(e)}let r=Array.from(t.entries()).sort((e,t)=>{let[,r]=e,[,a]=t;return r.year-a.year||r.month-a.month}).map(e=>{let[t,r]=e,a={};for(let e of r.records){if(!(0,h.J4)(e.gradeLevel))continue;let t=e.subject;(1===e.grade||2===e.grade)&&("탐구1"===t&&(t="사회"),"탐구2"===t&&(t="과학")),a[t]=e.gradeLevel}return{...r,key:t,average:(0,h.Jf)(a)}}),a=r.at(-1),s=r.map(e=>e.average).filter(e=>null!==e),d=(null!==(e=null==a?void 0:a.records)&&void 0!==e?e:[]).filter(e=>["국어","수학","영어","사회","과학","탐구1","탐구2"].includes(e.subject)),l=[0,2,4,3,1].flatMap(e=>{let t=o[e];if(!t)return[];let r=d.filter(e=>N(e)===t.key&&(0,h.J4)(e.gradeLevel)).map(e=>e.gradeLevel);return[{label:t.name,primary:null===t.average?null:Number(t.average),secondary:(0,h.M$)(r)}]});return{overall:(0,h.M$)(s),count:s.length,latest:a,period:a?"".concat(a.year,"년 ").concat(a.month,"월"):void 0,records:d.map(e=>({subject:N(e),gradeLevel:e.gradeLevel})),axes:l}},[n,o]);return(0,a.jsx)("div",{className:k().workspace,children:(0,a.jsxs)("section",{className:k().summary,"aria-label":"모의고사 요약",children:[(0,a.jsxs)("div",{className:k().summaryContent,children:[(0,a.jsxs)("div",{className:k().summaryTitle,children:[(0,a.jsx)("h3",{children:"모의고사 종합 평균"}),(0,a.jsxs)("span",{className:k().meta,children:[m.count,"회 시험 \xb7 9등급제"]})]}),(0,a.jsxs)("div",{className:k().value,children:[(0,a.jsx)("strong",{children:null!==(l=null===(t=m.overall)||void 0===t?void 0:t.toFixed(1))&&void 0!==l?l:"—"}),(0,a.jsx)("span",{children:null===m.overall?"평균 산출 불가":"등급"})]}),m.latest&&(0,a.jsxs)("div",{className:k().latest,children:[(0,a.jsx)("span",{children:"최근 시험"}),(0,a.jsxs)("strong",{children:[null!==(i=null===(r=m.latest.average)||void 0===r?void 0:r.toFixed(1))&&void 0!==i?i:"—",null!==m.latest.average?"등급":""]}),(0,a.jsx)("span",{className:k().meta,children:m.period})]})]}),(0,a.jsx)(y.L,{records:m.records,period:m.period,scale:9,title:"최근 시험 등급 분포",subjectGroup:"국수영탐"},null!==(c=null===(d=m.latest)||void 0===d?void 0:d.key)&&void 0!==c?c:"empty"),(0,a.jsx)(y.Q,{axes:m.axes,scale:9,primary:"과목별 종합 평균",secondary:"최근 시험"})]})})}let z=e=>{var t;let{mockExams:r,mobileView:b=!1}=e,g=(0,s.useMemo)(()=>Object.values(r.reduce((e,t)=>{let r="".concat(t.year,"-").concat(t.month);e[r]||(e[r]={year:t.year,month:t.month,subjects:{}});let a=t.gradeLevel;if(a&&a>=1&&a<=9){let s=t.subject;(1===t.grade||2===t.grade)&&("탐구1"===s&&(s="사회"),"탐구2"===s&&(s="과학")),e[r].subjects[s]=a}return e},{})).sort((e,t)=>e.year!==t.year?e.year-t.year:e.month-t.month).slice(-5).map(e=>{let t=(0,h.Jf)(e.subjects),r=null!==t?t.toFixed(1):null;return{name:"".concat(e.year,"-").concat(e.month),label:"".concat(e.year,"년 ").concat(e.month,"월"),shortLabel:"".concat(e.month,"월"),average:r}}),[r]),y=(0,s.useMemo)(()=>{let e=[...g].reverse();for(;e.length<5;)e.push({name:"empty-".concat(e.length),label:"-",shortLabel:"-",average:null});return e},[g]),[f,k]=(0,s.useState)("국어"),[N,z]=(0,s.useState)(!1),L=(0,s.useMemo)(()=>{let e=[...r].sort((e,t)=>e.year!==t.year?t.year-e.year:t.month-e.month),t=e.find(e=>"사회"===e.subject||"탐구1"===e.subject),a=e.find(e=>"과학"===e.subject||"탐구2"===e.subject),s=(null==t?void 0:t.subject)==="사회"?"사회":(null==t?void 0:t.subjectDetail)||"탐구1",d=(null==a?void 0:a.subject)==="과학"?"과학":(null==a?void 0:a.subjectDetail)||"탐구2",l=r.reduce((e,t)=>

1{let r=1===t.grade||2===t.grade,a="사회"===t.subject||"과학"===t.subject||"탐구1"===t.subject||"탐구2"===t.subject,s=t.subject;return a&&(s=r?"사회"===t.subject||"탐구1"===t.subject?"사회":"과학":t.subjectDetail||t.subject),e[s]||(e[s]={total:0,count:0}),t.gradeLevel&&t.gradeLevel>=1&&t.gradeLevel<=9&&(e[s].total+=t.gradeLevel,e[s].count+=1),e},{}),i=r[0],c=(null==i?void 0:i.grade)===1||(null==i?void 0:i.grade)===2;return[{key:"국어",displayName:"국어"},{key:"수학",displayName:"수학"},{key:"영어",displayName:"영어"},{key:c?"사회":s,displayName:c?"사회":s},{key:c?"과학":d,displayName:c?"과학":d}].map(e=>({key:e.key,name:e.displayName,average:l[e.key]&&l[e.key].count>0?(l[e.key].total/l[e.key].count).toFixed(1):null}))},[r]),D=(0,s.useMemo)(()=>g.map(e=>{let t=r.filter(t=>{let r=1===t.grade||2===t.grade,a="탐구1"===t.subject||"탐구2"===t.subject||"사회"===t.subject||"과학"===t.subject,s=t.subject;return a&&(s=r?"사회"===t.subject||"탐구1"===t.subject?"사회":"과학":t.subjectDetail||t.subject),"".concat(t.year,"-").concat(t.month)===e.name&&s===f});if(t.length>0){let r=(t.reduce((e,t)=>e+(t.gradeLevel||0),0)/t.length).toFixed(1),a=t.map(e=>e.subjectDetail||e.subject).join(", ");return{...e,average:r,subjects:a}}return{...e,average:null,subjects:f}}),[r,f,g]),S=(0,s.useMemo)(()=>{let e=["국어","수학","영어","한국사","사회","과학","탐구1","탐구2"];return Object.entries(r.reduce((e,t)=>{let r="".concat(t.year,"-").concat(t.month);return e[r]||(e[r]=[]),e[r].push(t),e},{})).sort((e,t)=>{let[r]=e,[a]=t,[s,d]=r.split("-").map(Number),[l,i]=a.split("-").map(Number);return l-s||i-d}).map(t=>{let[r,a]=t;return[r,[...a].sort((t,r)=>{let a=e.indexOf(t.subject),s=e.indexOf(r.subject);return -1!==a&&-1!==s?a-s:-1!==a?-1:-1!==s?1:0})]})},[r]),C=null===(t=g.at(-1))||void 0===t?void 0:t.name,W=b?"div":"button";return(0,a.jsxs)("div",{className:b?"space-y-3 md:space-y-4 pb-12 animate-in fade-in slide-in-from-bottom-2 duration-500":(0,p.cn)(v().surface,j().desktop),children:[!b&&(0,a.jsx)(w,{mockExams:r,subjects:L}),(0,a.jsxs)("div",{className:b?"bg-white md:bg-[#fafaf9] dark:bg-[#18181b] rounded-xl overflow-hidden border border-zinc-200/60 md:border-0 shadow-sm md:shadow-none":v().section,children:[(0,a.jsxs)("div",{className:b?"px-4 py-3 pb-1 flex items-center justify-between gap-2":v().sectionHeader,children:[(0,a.jsx)("h3",{className:b?"text-sm font-semibold text-zinc-900 dark:text-zinc-200":v().heading,children:"월별 모의고사 성적 추이"}),(0,a.jsxs)("div",{className:"relative group",children:[(0,a.jsx)("button",{type:"button","aria-label":"평균 등급 계산 방법 안내",onClick:()=>z(e=>!e),className:"p-0.5 text-zinc-400 hover:text-zinc-600 dark:hover:text-zinc-300 transition-colors",children:(0,a.jsx)(u.Z,{size:14})}),N&&(0,a.jsx)("div",{className:"fixed inset-0 z-10",onClick:()=>z(!1)}),(0,a.jsx)("div",{role:"tooltip",className:(0,p.cn)("absolute top-full right-0 mt-2 w-56 z-20 rounded-lg px-3 py-2.5 text-[11px] leading-relaxed shadow-lg transition-opacity duration-150 pointer-events-none bg-white dark:bg-zinc-800 border border-zinc-200 dark:border-zinc-700 text-zinc-700 dark:text-zinc-200",N?"opacity-100 visible":"opacity-0 invisible group-hover:opacity-100 group-hover:visible group-focus-within:opacity-100 group-focus-within:visible"),children:"국어\xb7수학\xb7영어\xb7탐구(2과목 평균) 등급의 평균이에요."})]})]}),(0,a.jsx)("div",{className:b?"px-3 md:px-6 pb-4 md:pb-6 md:pt-[15px]":v().chartBody,children:(0,a.jsxs)("div",{className:b?"md:flex md:gap-4 md:h-[320px]":v().chartLayout,children:[(0,a.jsx)("div",{className:b?"w-full md:w-[220px] flex gap-1 mb-3 md:mb-0 md:flex-col md:flex-nowrap md:justify-between md:shrink-0":v().metricList,children:y.map((e,t)=>(0,a.jsxs)("div",{"data-empty":!e.average,"data-latest":e.name===C,className:b?(0,p.cn)("flex-1 md:flex-none flex items-center justify-between px-2 py-1 md:px-4 md:py-3 rounded-lg border transition min-w-0",!e.average&&"opacity-50"):v().metric,style:b?{backgroundColor:e.average?"var(--semester-card-bg)":"transparent",borderColor:"var(--semester-card-border)"}:void 0,children:[(0,a.jsxs)("div",{className:"flex flex-col min-w-0",children:[(0,a.jsxs)("span",{className:b?"hidden md:block text-sm font-medium truncate":v().desktopLabel,style:b?{color:"var(--semester-card-text, #d1d5db)"}:void 0,children:[e.label,!b&&e.name===C&&(0,a.jsx)("span",{className:v().latestTag,children:"최근"})]}),(0,a.jsx)("span",{className:"md:hidden text-[10px] font-medium truncate",style:{color:"var(--semester-card-text, #d1d5db)"},children:e.shortLabel})]}),(0,a.jsx)("span",{className:b?(0,p.cn)("text-xs md:text-lg font-bold ml-1 md:ml-2 shrink-0",!e.average&&"text-zinc-300 dark:text-zinc-500"):v().metricValue,style:b?{color:e.average?"var(--semester-card-rank)":void 0}:void 0,children:e.average||"-"})]},t))}),(0,a.jsx)("div",{className:b?"w-full h-[240px] md:h-auto md:flex-1 relative":v().chart,children:(0,a.jsx)(d.h,{width:"100%",height:"100%",children:(0,a.jsxs)(l.w,{data:g,margin:{top:10,right:30,left:2

10,bottom:5},children:[(0,a.jsx)(i.q,{strokeDasharray:b?"3 3":void 0,stroke:b?"var(--chart-grid)":"var(--grade-soft-rule)",vertical:!1}),(0,a.jsx)(c.K,{dataKey:"label",stroke:b?"#52525b":"var(--grade-muted)",tickFormatter:e=>{if(window.innerWidth<768){let t=e.match(/(\d{1,2})월/);if(t)return"".concat(t[1],"월")}return e},tick:{fill:b?"#71717a":"var(--grade-muted)",fontSize:12},tickLine:!1,axisLine:{stroke:b?"#52525b":"var(--grade-soft-rule)",strokeWidth:1},dy:6,padding:{left:30,right:30}}),(0,a.jsx)(n.B,{domain:[1,9],reversed:!0,ticks:[1,2,3,4,5,6,7,8,9],stroke:b?"#52525b":"var(--grade-muted)",tick:{fill:b?"#71717a":"var(--grade-muted)",fontSize:12},tickLine:!1,axisLine:{stroke:b?"#52525b":"var(--grade-soft-rule)",strokeWidth:1},width:30}),b&&(0,a.jsx)(o.db,{y:2,stroke:"var(--chart-grid)",strokeDasharray:"3 3",strokeWidth:1}),b&&(0,a.jsx)(o.db,{y:4,stroke:"var(--chart-grid)",strokeDasharray:"3 3",strokeWidth:1}),(0,a.jsx)(m.u,{contentStyle:{backgroundColor:b?"var(--chart-tooltip-bg)":"var(--grade-paper)",border:b?"1px solid var(--chart-tooltip-border)":"1px solid var(--grade-rule)",borderRadius:"8px",fontSize:"12px"},labelStyle:{color:b?"var(--chart-tooltip-text)":"var(--grade-ink)"},itemStyle:{color:b?"var(--semester-card-rank)":"var(--grade-accent)"},formatter:e=>[e,"평균 등급"]}),(0,a.jsx)(x.x1,{type:"monotone",dataKey:"average",stroke:b?"#3b82f6":"var(--grade-accent)",strokeWidth:b?4:2,connectNulls:!0,animationDuration:500,dot:{fill:b?"var(--chart-dot-fill)":"var(--grade-paper)",stroke:b?"#3b82f6":"var(--grade-accent)",strokeWidth:2,r:b?5:4},activeDot:{r:b?7:5,fill:b?"#3b82f6":"var(--grade-accent)"}})]})})})]})})]}),(0,a.jsxs)("div",{className:b?"bg-white md:bg-[#fafaf9] dark:bg-[#18181b] rounded-xl overflow-hidden border border-zinc-200/60 md:border-0 shadow-sm md:shadow-none":v().section,children:[(0,a.jsx)("div",{className:b?"px-4 py-3 pb-1 flex items-center gap-2":v().sectionHeader,children:(0,a.jsxs)("div",{children:[(0,a.jsx)("h3",{className:b?"text-sm font-semibold text-zinc-900 dark:text-zinc-200":v().heading,children:"과목별 모의고사 성적 분석"}),!b&&(0,a.jsx)("p",{className:v().selectionHint,children:"과목을 선택하면 성적 추이가 바뀝니다."})]})}),(0,a.jsx)("div",{className:b?"px-3 md:px-6 pb-4 md:pb-6 md:pt-[15px]":v().chartBody,children:(0,a.jsxs)("div",{className:b?"md:flex md:gap-4 md:h-[320px]":v().chartLayout,children:[(0,a.jsx)("div",{className:b?"w-full md:w-[220px] flex gap-1 mb-3 md:mb-0 md:flex-col md:flex-nowrap md:justify-between md:shrink-0":v().metricList,role:b?void 0:"group","aria-label":b?void 0:"추이를 볼 과목 선택",children:L.map(e=>(0,a.jsxs)(W,{type:b?void 0:"button","aria-pressed":b?void 0:f===e.key,"data-empty":!e.average,onClick:()=>k(e.key),className:b?(0,p.cn)("flex-1 md:flex-none flex items-center justify-between px-2 py-1 md:px-4 md:py-3 rounded-lg border transition cursor-pointer min-w-0",!e.average&&"opacity-50 cursor-not-allowed"):v().subjectChoice,style:b?{backgroundColor:e.average?"var(--semester-card-bg)":"transparent",borderColor:f===e.key?"#007AFF":"var(--semester-card-border)"}:void 0,children:[(0,a.jsx)("div",{className:b?"flex flex-col":"flex flex-col min-w-0",children:(0,a.jsx)("span",{className:b?"text-[10px] md:text-sm font-medium truncate":v().subjectLabel,style:b?{color:"var(--semester-card-text, #d1d5db)"}:void 0,children:e.name})}),(0,a.jsx)("span",{className:b?(0,p.cn)("text-xs md:text-lg font-bold ml-1 md:ml-2 shrink-0",!e.average&&"text-zinc-300 dark:text-zinc-500"):v().metricValue,style:b?{color:e.average?"var(--semester-card-rank)":void 0}:void 0,children:e.average||"-"})]},e.key))}),(0,a.jsx)("div",{className:b?"w-full h-[240px] md:h-auto md:flex-1 relative":v().chart,children:(0,a.jsx)(d.h,{width:"100%",height:"100%",children:(0,a.jsxs)(l.w,{data:D,margin:{top:10,right:30,left:20,bottom:5},children:[(0,a.jsx)(i.q,{strokeDasharray:b?"3 3":void 0,stroke:b?"var(--chart-grid)":"var(--grade-soft-rule)",vertical:!1}),(0,a.jsx)(c.K,{dataKey:"label",stroke:b?"#52525b":"var(--grade-muted)",tickFormatter:e=>{if(window.innerWidth<768){let t=e.match(/(\d{1,2})월/);if(t)return"".concat(t[1],"월")}return e}

1,tick:{fill:b?"#71717a":"var(--grade-muted)",fontSize:12},tickLine:!1,axisLine:{stroke:b?"#52525b":"var(--grade-soft-rule)",strokeWidth:1},dy:6,padding:{left:30,right:30}}),(0,a.jsx)(n.B,{domain:[1,9],reversed:!0,ticks:[1,2,3,4,5,6,7,8,9],stroke:b?"#52525b":"var(--grade-muted)",tick:{fill:b?"#71717a":"var(--grade-muted)",fontSize:12},tickLine:!1,axisLine:{stroke:b?"#52525b":"var(--grade-soft-rule)",strokeWidth:1},width:30}),b&&(0,a.jsx)(o.db,{y:2,stroke:"var(--chart-grid)",strokeDasharray:"3 3",strokeWidth:1}),b&&(0,a.jsx)(o.db,{y:4,stroke:"var(--chart-grid)",strokeDasharray:"3 3",strokeWidth:1}),(0,a.jsx)(m.u,{contentStyle:{backgroundColor:b?"var(--chart-tooltip-bg)":"var(--grade-paper)",border:b?"1px solid var(--chart-tooltip-border)":"1px solid var(--grade-rule)",borderRadius:"8px",fontSize:"12px"},labelStyle:{color:b?"var(--chart-tooltip-text)":"var(--grade-ink)"},itemStyle:{color:b?"var(--semester-card-rank)":"var(--grade-accent)"},formatter:(e,t,r)=>["".concat(e,"등급"),"".concat(r.payload.subjects||f," 등급")]}),(0,a.jsx)(x.x1,{type:"monotone",dataKey:"average",stroke:b?"#3b82f6":"var(--grade-accent)",strokeWidth:b?4:2,connectNulls:!0,animationDuration:500,dot:{fill:b?"var(--chart-dot-fill)":"var(--grade-paper)",stroke:b?"#3b82f6":"var(--grade-accent)",strokeWidth:2,r:b?5:4},activeDot:{r:b?7:5,fill:b?"#3b82f6":"var(--grade-accent)"}})]},f)})})]})})]}),(0,a.jsxs)("div",{className:b?"bg-white md:bg-[#fafaf9] dark:bg-[#18181b] rounded-xl overflow-hidden border border-zinc-200/60 md:border-0 shadow-sm md:shadow-none":v().section,children:[(0,a.jsx)("div",{className:b?"px-4 py-3 md:hidden":v().sectionHeader,children:(0,a.jsx)("h3",{className:b?"text-sm font-semibold text-zinc-800 dark:text-zinc-200":v().heading,children:"시험별 상세 성적"})}),(0,a.jsx)("table",{className:b?"w-full text-left border-collapse":(0,p.cn)(v().table,j().table),children:S.map((e,t)=>{let[r,s]=e,[d,l]=r.split("-");return(0,a.jsxs)("tbody",{children:[(0,a.jsx)("tr",{className:b?"bg-zinc-50 dark:bg-white/[0.06]":v().semesterHeading,children:(0,a.jsx)("td",{colSpan:5,className:"py-2.5 md:py-3 px-3 md:px-5",children:(0,a.jsxs)("span",{className:b?"text-xs md:text-sm font-bold text-zinc-900 dark:text-white":void 0,children:[d,"년 ",l,"월 모의고사"]})})}),(0,a.jsxs)("tr",{className:b?"border-t border-b border-zinc-100 dark:border-white/5 text-[10px] md:text-xs text-zinc-500":v().columnHeadings,children:[(0,a.jsx)("th",{scope:"col",className:"py-2 px-1.5 md:py-2.5 md:px-4 font-medium text-center",children:"과목"}),(0,a.jsx)("th",{scope:"col",className:"py-2 px-1.5 md:py-2.5 md:px-4 font-medium text-center",children:"등급"}),(0,a.jsx)("th",{scope:"col",className:"py-2 px-1.5 md:py-2.5 md:px-4 font-medium text-center",children:"표준점수"}),(0,a.jsx)("th",{scope:"col",className:"py-2 px-1.5 md:py-2.5 md:px-4 font-medium text-center",children:"백분위(%)"}),(0,a.jsx)("th",{scope:"col",className:"py-2 px-1.5 md:py-2.5 md:px-4 font-medium text-center",children:"전교 석차"})]}),s.map((e,t)=>(0,a.jsxs)("tr",{className:b?(0,p.cn)("text-[10px] md:text-xs hover:bg-zinc-50 dark:hover:bg-white/[0.02] transition-colors",t<s.length-1&&"border-b border-zinc-100 dark:border-white/5"):v().gradeRow,children:[(0,a.jsxs)("td",{className:b?"py-2 px-1.5 md:py-2.5 md:px-4 font-medium text-zinc-900 dark:text-white text-center":v().subjectCell,children:[1===e.grade||2===e.grade?"탐구1"===e.subject?"사회":"탐구2"===e.subject?"과학":e.subject:e.subject,e.

1subjectDetail&&!(1===e.grade||2===e.grade)&&(0,a.jsxs)("span",{className:b?"ml-1 text-[10px] text-zinc-500 dark:text-zinc-500 font-normal":j().subjectDetail,children:["(",e.subjectDetail,")"]})]}),(0,a.jsx)("td",{className:b?"py-2 px-1.5 md:py-2.5 md:px-4 text-zinc-800 dark:text-white text-center":void 0,children:e.gradeLevel||"-"}),(0,a.jsx)("td",{className:b?"py-2 px-1.5 md:py-2.5 md:px-4 text-zinc-800 dark:text-white text-center":void 0,children:e.standardScore||"-"}),(0,a.jsx)("td",{className:b?"py-2 px-1.5 md:py-2.5 md:px-4 text-zinc-800 dark:text-white text-center":void 0,children:e.percentile?Number.isInteger(Number(e.percentile))?Number(e.percentile).toFixed(0):Number(e.percentile).toFixed(1):"-"}),(0,a.jsx)("td",{className:b?"py-2 px-1.5 md:py-2.5 md:px-4 text-zinc-800 dark:text-white text-center":void 0,children:e.schoolRank||"-"})]},e.id)),t<S.length-1&&(0,a.jsx)("tr",{children:(0,a.jsx)("td",{colSpan:5,className:"h-3 md:h-4"})})]},r)})})]})]})};var L=z},85625:function(e){e.exports={desktop:"student-mock-exam-tab_desktop__5tibO",table:"student-mock-exam-tab_table__UGLKN",subjectDetail:"student-mock-exam-tab_subjectDetail__6y5Lv"}}}]);