[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8},"actionData","errors","root",{"_23":24,"_25":26,"_27":21,"_28":21,"_29":21,"_30":21,"_31":21,"_32":21,"_33":34},"routes/canvas.shared.$sharedTextdocId",{"_9":10,"_11":-7,"_12":13,"_14":15,"_16":17,"_18":19,"_20":21,"_22":21},"sharedTextdocId","68b7dd50f140819187536bb4f3f1e2fc","versionInt","title","대학 입시 전략 발표 자료 (react 16:9 프레젠테이션)","type","code/react","content","import React, { useEffect, useMemo, useRef, useState } from \"react\";\nimport { motion, AnimatePresence } from \"framer-motion\";\nimport { Button } from \"@/components/ui/button\";\nimport { Card, CardContent, CardHeader, CardTitle } from \"@/components/ui/card\";\nimport { Progress } from \"@/components/ui/progress\";\nimport { Badge } from \"@/components/ui/badge\";\nimport { Input } from \"@/components/ui/input\";\nimport { Switch } from \"@/components/ui/switch\";\nimport {\n PieChart,\n Pie,\n Cell,\n Tooltip as ReTooltip,\n ResponsiveContainer,\n BarChart,\n Bar,\n XAxis,\n YAxis,\n CartesianGrid,\n Legend,\n LineChart,\n Line,\n} from \"recharts\";\n\n/**\n * 대학 입시 전략 발표 자료 (2024학년도 수시 전형 유형 종합)\n * 요구사항\n * - 16:9 화면 비율 (aspect-video)\n * - 모던/컨설팅 톤, 부산 바다 컬러 테마\n * - React 컴포넌트, 슬라이드 전환, 내비게이션 컨트롤, 반응형\n * - 인터랙티브 요소(탭/토글/툴팁/차트/FAQ 아코디언)\n * - 섹션: Title / 개요 / 주요 포인트 / 상세(표·그래프) / 결론·CTA / FAQ\n */\n\nconst SEA_COLORS = [\"#0284c7\", \"#06b6d4\", \"#0ea5e9\", \"#14b8a6\", \"#22d3ee\", \"#38bdf8\"]; // 부산 바다 느낌 (청록·코발트 계열)\n\nconst variantSlide = {\n enter: (direction) => ({ x: direction > 0 ? 80 : -80, opacity: 0 }),\n center: { x: 0, opacity: 1 },\n exit: (direction) => ({ x: direction < 0 ? 80 : -80, opacity: 0 })\n};\n\nconst distributionData = [\n { name: \"학생부교과\", value: 45.0 },\n { name: \"학생부종합\", value: 23.9 },\n { name: \"논술\", value: 3.3 },\n { name: \"실기·실적\", value: 6.6 },\n { name: \"정시(수능)\", value: 21.2 },\n];\n\nconst summaryRows = [\n {\n type: \"학생부 교과전형\",\n elements: \"내신 정량평가(+수능최저 다수)\",\n method: \"교과100 일괄 또는 1단계 교과100 → 2단계 면접/최저\",\n notes: \"내신 경쟁 심화, 대학별 환산방식 확인\",\n },\n {\n type: \"학생부 종합전형\",\n elements: \"학생부 전 영역 정성평가(세특/추이/활동)\",\n method: \"1단계 서류100 → 2단계 서류+면접(블라인드)\",\n notes: \"자소서 폐지·비교과 축소, 세특 중요\",\n },\n {\n type: \"논술전형\",\n elements: \"논술 성적 중심(+대부분 수능최저)\",\n method: \"논술 1회 → 최저 충족자 중 고득점 순\",\n notes: \"대학별 유형 대비·기출 연습 필수\",\n },\n {\n type: \"실기/실적전형\",\n elements: \"예체능 실기/특기 실적 중심\",\n method: \"실기 또는 서류+면접(분야별 상이)\",\n notes: \"특기자 축소 추세, 포트폴리오 관리\",\n },\n {\n type: \"지역인재전형\",\n elements: \"지역 제한 + 교과/종합 방식\",\n method: \"대학별 별도 선발(의약계 비율 의무)\",\n notes: \"연속 거주/재학 요건 엄격\",\n },\n {\n type: \"고른기회전형\",\n elements: \"사회적 배려 대상 서류/면접\",\n method: \"서류100 또는 서류+면접(정원내/외)\",\n notes: \"자격증빙 철저, 선발 확대 추세\",\n },\n];\n\nconst competitivenessTrend = [\n { year: \"2022\", 서울권_교과_합격자_평균등급: 2.45 },\n { year: \"2023\", 서울권_교과_합격자_평균등급: 2.34 },\n];\n\nconst faqItems = [\n {\n q: \"자기소개서 폐지 이후 무엇을 가장 중점적으로 준비해야 하나요?\",\n a: \"세부능력특기사항(세특)과 교과 성취의 맥락이 핵심입니다. 수업 기반 탐구, 과제 심화 기록, 일관된 전공 관련 이수 체계를 학생부에 남기세요.\",\n },\n {\n q: \"교과전형에서 수능 최저를 어떻게 관리할까요?\",\n a: \"목표대학 최저 기준을 역산해 6~8주 전부터 취약 영역 가중 편성, 모의고사 기준으로 등급 합 시뮬레이션을 병행하세요.\",\n },\n {\n q: \"논술전형 지원 가치가 있을까요?\",\n a: \"내신·수능이 아쉬워도 기출 유형 적합성과 시간 관리가 갖춰지면 역전 가능성이 있습니다. 다만 최저 기준 유무에 따라 전략이 달라집니다.\",\n },\n {\n q: \"지역인재전형 자격 확인은?\",\n a: \"주민등록초본의 연속 거주, 학생부 재학기간 일치 여부를 먼저 체크하고, 대학별 요강의 권역 규정을 대조해보세요.\",\n },\n];\n\nfunction SlideShell({ children, index, total, onPrev, onNext, onMenuToggle, darkBg }) {\n return (\n

\n {/* Top bar */}\n

\n 2024 수시 전략\n 대학 입시 전형 요약 & 전략 제안\n

\n \n \n \n

\n\n

\n {children}\n

\n\n {/* Footer with progress */}\n

\n Slide {index + 1} / {total}\n 방향키 ←/→, M: 개요\n

\n \n

\n );\n}\n\nfunction TitleSlide() {\n return (\n

\n \n \n \n 2024학년도 대학 수시 전형 전략\n \n

\n 학생부교과 · 학생부종합 · 논술 · 실기/실적 · 지역인재 · 고른기회 전형 종합 분석\n

\n \n \n

\n 2024학년도 수시 비중은 약 78.8%로 매우 높습니다. 핵심 정책 변화(자소서 폐지, 비교과 축소, 블라인드 강화)를 반영한 실전형 지원 전략을 제시합니다.\n

\n 부산 바다 테마 · 16:9 · 인터랙티브\n

\n \n \n

\n );\n}\n\nfunction OverviewSlide() {\n return (\n

\n {[\n {\n title: \"개요 / 요약\",\n bullets: [\n \"수시 78.8% / 정시 21.2%\",\n \"전형: 교과·종합·논술·실기/실적·지역인재·고른기회\",\n \"정책 변화: 자소서 폐지, 비교과 축소, 블라인드\",\n ],\n },\n {\n title: \"핵심 전략 키워드\",\n bullets: [\n \"교과: 내신컷·최저 동시 관리\",\n \"종합: 세특 중심 서류 완성도\",\n \"논술: 대학별 기출 적합도 + 최저\",\n ],\n },\n {\n title: \"리스크/기회\",\n bullets: [\n \"상위권 교과 합격선 상승 추세\",\n \"특기자 축소 → 대안 전형 탐색\",\n \"지역인재·고른기회: 자격 충족 시 유리\",\n ],\n },\n {\n title: \"성공 체크리스트\",\n bullets: [\n \"모집요강 기준 환산점수 시뮬\",\n \"면접(블라인드) 예상문항 리허설\",\n \"6회 지원 포트폴리오 구성\",\n ],\n },\n ].map((box, i) => (\n \n \n {box.title}\n \n \n

\n \n \n ))}\n

\n );\n}\n\nfunction PointsSlide() {\n return (\n

\n \n \n 전형별 선발 비율(전국 4년제)\n \n \n \n \n [`${v}%`, n]} />\n \n {distributionData.map((entry, idx) => (\n \n ))}\n \n \n \n \n \n \n\n \n \n 주요 포인트\n \n \n

교과: 수능 최저 충족이 합격의 전제.
종합: 세특과 학업 맥락이 평가의 중심.
논술: 대학별 유형 적합도 + 최저 여부.
실기/실적: 분야별 실기/포트폴리오 완성도.
지역인재·고른기회: 자격 충족이 전략 포인트.

\n \n \n

\n );\n}\n\nfunction DetailsSlide() {\n return (\n

\n \n \n 전형 요약표\n \n \n

\n \n \n \n \n \n \n \n \n \n \n {summaryRows.map((r, i) => (\n \n \n \n \n \n \n ))}\n \n

전형	평가 요소	전형 방법	메모
{r.type}	{r.elements}	{r.method}	{r.notes}

\n \n \n\n \n \n 교과 합격선 추이(서울권, 예시)\n \n \n \n \n \n \n v.toFixed(2)} />\n v.toFixed(2)} labelFormatter={(l)=>`${l}학년도`} />\n \n \n \n

* 최근 상향 추세 예시(2.45 → 2.34): 내신 경쟁 심화 관찰

\n \n \n

\n );\n}\n\nfunction StrategySlide() {\n return (\n

\n \n \n 전형별 실전 제안\n \n \n

교과: 목표 대학 최저 등급표를 토대로 모의고사-내신 듀얼 트래킹, 학교장 추천 가능성 사전 확인.
종합: 세특에 ‘탐구 질문→증거→성찰’ 구조를 남기고, 블라인드 면접 체크리스트로 훈련.
논술: 지망대학 3개를 코어로 정해 기출 3개년 반복, 90분 완성 루틴 확립.
실기/실적: 평가 루브릭 역추적, 포트폴리오 10~12개 작품 큐레이션.
지역인재/고른기회: 자격요건 증빙서류 타임라인(발급처/기한) 확보.

\n \n \n\n \n \n 6회 지원 포트폴리오 구성 예시\n \n \n

\n {[\"상향(2)\", \"적정(3)\", \"안정(1)\"].map((label, i) => (\n

{label}

모집단위/전형/최저 조건 명시
전년도 환산점수/합격선 비교
리스크 메모 & 대안

\n ))}\n

\n \n \n

\n );\n}\n\nfunction CTASection() {\n return (\n

\n \n \n 결론 & 제안\n \n \n

정책 변화(자소서 폐지·비교과 축소·블라인드) 반영한 맞춤 전략 수립.
전형별 성공 방정식: 교과(내신+최저) / 종합(세특+면접) / 논술(유형 적합도) / 실기(작품 완성도).
지원 전 모집요강·환산표로 유불리 사전 시뮬레이션.

\n \n \n\n \n \n CTA – 1:1 컨설팅 / 모의전형 워크숍\n \n \n

학생부 점검, 최저 시뮬, 논술 코칭, 면접 리허설을 패키지로 제공합니다.

\n \n \n

QR/URL 삽입 가능 · 일정 연동

\n \n \n

\n );\n}\n\nfunction FAQSlide() {\n const [open, setOpen] = useState(Array(faqItems.length).fill(false));\n return (\n

\n \n \n FAQ\n \n \n

\n {faqItems.map((item, i) => (\n

\n setOpen((prev)=> prev.map((v, idx)=> idx===i ? !v : v))}\n className=\"w-full flex items-center justify-between text-left\"\n >\n Q. {item.q}\n {open[i] ? \"−\" : \"+\"}\n \n {open[i] && (\n

{item.a}

\n )}\n

\n ))}\n

\n \n \n

\n );\n}\n\nconst gradientBg = (\n

\n);\n\nexport default function AdmissionsDeck() {\n const slides = useMemo(() => [\n { key: \"title\", comp: , dark: true },\n { key: \"overview\", comp: , dark: false },\n { key: \"points\", comp: , dark: false },\n { key: \"details\", comp: , dark: false },\n { key: \"strategy\", comp: , dark: false },\n { key: \"cta\", comp: , dark: false },\n { key: \"faq\", comp: , dark: false },\n ], []);\n\n const [index, setIndex] = useState(0);\n const [direction, setDirection] = useState(0);\n const [menuOpen, setMenuOpen] = useState(false);\n const total = slides.length;\n\n const go = (delta) => {\n setDirection(delta);\n setIndex((i) => Math.max(0, Math.min(total - 1, i + delta)));\n };\n\n // 키보드 내비게이션\n useEffect(() => {\n const onKey = (e) => {\n if (e.key === \"ArrowRight\") go(1);\n if (e.key === \"ArrowLeft\") go(-1);\n if (e.key.toLowerCase() === \"m\") setMenuOpen((v) => !v);\n };\n window.addEventListener(\"keydown\", onKey);\n return () => window.removeEventListener(\"keydown\", onKey);\n }, [total]);\n\n return (\n

\n {gradientBg}\n\n {/* 슬라이드 컨테이너 */}\n \n \n go(-1)}\n onNext={() => go(1)}\n onMenuToggle={() => setMenuOpen((v)=>!v)}\n darkBg={slides[index].dark}\n >\n {slides[index].comp}\n \n \n \n\n {/* 미니 내비게이션(개요) */}\n \n {menuOpen && (\n \n \n \n 슬라이드 이동\n \n \n

\n {slides.map((s, i) => (\n { setIndex(i); setMenuOpen(false); }}\n className={`rounded-xl border p-2 text-left text-sm transition ${i===index?\"border-sky-400 bg-sky-50\":\"border-slate-200 hover:bg-slate-50\"}`}\n >\n

{i+1}. {labelOf(s.key)}

\n \n ))}\n

\n \n \n \n )}\n \n\n {/* 좌우 화살표(모바일) */}\n

\n \n \n

\n );\n}\n\nfunction labelOf(key) {\n switch (key) {\n case \"title\": return \"타이틀\";\n case \"overview\": return \"개요\";\n case \"points\": return \"주요 포인트\";\n case \"details\": return \"상세(표·그래프)\";\n case \"strategy\": return \"전략 제안\";\n case \"cta\": return \"결론/CTA\";\n case \"faq\": return \"FAQ\";\n default: return key;\n }\n}\n","access","public","isModerationBlocked",false,"isAnonifyApiKeyDetected","dd",{"_35":36,"_37":38},"disablePrefetch",true,"shouldPrefetchAccount","shouldPrefetchUser","shouldPrefetchSystemHints","promoteCss","disableSSR","stripModulepreloadImports","statsigGateEvaluationsPromise",["P",34],"traceId","18148509250750524347","traceTime",1776387694745]