/* sections-diagnose.jsx — 정밀 진단: 같은 교실, 다른 시작점 */ const Diagnose = () => (
같은 교실에서
같은 수업을 듣지만,
출발점은 모두 다릅니다.} sub="다힘은 입학하는 모든 학생을 ‘의사가 진단하듯’ 정밀하게 살펴봅니다. 그냥 시험 한 번 치고 끝이 아니라, 학년·컨디션·최근 성적·영역별 강약까지 통합해 개별 출발점을 설계합니다." /> {/* HERO ROW — 비교 비주얼 + 진단 카드 */}
{/* LEFT — 같은 교실, 다른 출발점 */} {/* RIGHT — 진단 입력 모형 */}
{/* WORKFLOW — 진단이 어떻게 출발점이 되는가 */}
WORKFLOW

48분 진단이 첫 회차가 됩니다.

4 STEPS
{/* DOMAINS — 진단이 측정하는 영역 */}
); // ── 같은 교실, 다른 출발점 ──────────────────────────────────── const SameRoomDifferentStart = () => { const students = [ { name: "김OO", weak: "현대시 · 화자", start: "회차 12 · 시 집중", color: "var(--accent)", at: 25 }, { name: "이OO", weak: "비문학 · 과학", start: "회차 18 · 추론", color: "var(--primary)", at: 50 }, { name: "박OO", weak: "문법 · 안긴문장", start: "회차 7 · 문법", color: "var(--green)", at: 75 }, ]; return (
SAME ROOM · DIFFERENT START

한 교실에 앉은 세 학생,
각자 다른 회차에서 시작합니다.

{/* room visual */}
{/* room label */}
3관 · 화 16:30 그룹
같은 수업
{students.map((s) => (
{s.name.slice(0, 1)}
{s.name} {s.start}
{/* dotted full path */}
{/* student marker */}
약점 · {s.weak} D+1
))}
같은 강의를 듣더라도, 각자의 ‘오늘 할 일’ 큐는 진단 결과에 따라 다르게 채워집니다.
); }; // ── 진단 입력 폼 모형 ───────────────────────────────────────── const DiagnoseForm = () => (
INITIAL ASSESSMENT
초진 정밀 진단
학생 한 명을 의사가 진단하듯 살펴봅니다
48 MIN
{/* Step header */}
실제 학년 · 평가 레벨 자동 배정
{[ { g: "초5", code: "E3" }, { g: "초6", code: "E3" }, { g: "중1", code: "M1" }, { g: "중2", code: "M2", active: true }, { g: "중3", code: "M3" }, { g: "고1", code: "H1" }, { g: "고2", code: "H2" }, { g: "고3", code: "H3" }, ].map((b) => (
{b.g}
→ {b.code}
))}
Q1 · 오늘 컨디션
{[ { v: 1, l: "매우 나쁨" }, { v: 2, l: "나쁨" }, { v: 3, l: "보통" }, { v: 4, l: "좋음", active: true }, { v: 5, l: "매우 좋음" }, ].map((m) => (
{m.v}
{m.l}
))}
Q2 · 최근 국어 성적
{["100점", "95점", "90점", "85점", "80점", "80점 이하", "해당없음"].map((s, i) => ( {s} ))}
검사 시간 약 48분 · 중간 이탈 시 결과 무효
); const StepRow = ({ n, title, children }) => (
{n} {title}
{children}
); const FieldMock = ({ label, value }) => (
{label}
{value}
); // ── WORKFLOW · 4 steps ───────────────────────────────────────── const DiagnoseFlow = () => { const steps = [ { n: "01", title: "정보 수집", body: "이름·학교·학년·컨디션·최근 국어 성적까지. 그날의 상태도 결과 해석에 반영합니다.", icon: , color: "var(--primary)", }, { n: "02", title: "정밀 평가 48분", body: "학년 자동 매핑된 레벨로 어휘·독해·문법·문학·비문학·메타인지를 통합 측정. 영역별 강약을 정확하게 분리해냅니다.", icon: , color: "var(--accent)", highlight: true, }, { n: "03", title: "강약점 리포트", body: "단순 점수가 아니라 ‘어디서 막혔는지’, ‘무엇이 강한지’를 영역별 그래프로. 학부모께도 그대로 전달됩니다.", icon: , color: "var(--green)", }, { n: "04", title: "개별 출발점 설계", body: "같은 교실, 다른 회차. 약점은 1·3·7·30 자동 복습 큐의 첫 카드로 등록되어 그날부터 회차 학습이 시작됩니다.", icon: , color: "var(--primary)", }, ]; return (
{/* connecting line */}
{steps.map((s) => (
{s.icon} {s.n}

{s.title}

{s.body}

))}
); }; // ── 진단 측정 영역 ───────────────────────────────────────────── const DomainsRow = () => { const domains = [ { name: "어휘력", score: 72, level: "M2 · 평균 상위" }, { name: "독해 속도", score: 58, level: "M2 · 평균", weak: true }, { name: "문법", score: 88, level: "M3 · 최상위" }, { name: "문학 (시·소설)", score: 64, level: "M2 · 평균" }, { name: "비문학 (과학)", score: 42, level: "M1 · 보충 필요", weak: true }, { name: "메타인지", score: 75, level: "M2 · 상위" }, ]; return (
SAMPLE REPORT · 김OO · 중2

진단이 측정하는 6개 영역

점수만 보는 다른 학원과 달리, 영역별 강약을 분리해 ‘약점 카드’로 등록합니다.

강점
약점 → 첫 회차 큐 등록
{domains.map((d) => (
{d.name}
{/* ring/score */}
{d.score} /100
{d.level}
{d.weak && (
→ 첫 회차 큐 등록
)}
))}
{/* result note */}
OUTCOME · 진단 결과 → 첫 회차

김OO 학생의 첫 회차는 비문학(과학) 회차 7번부터 시작합니다. 독해 속도 영역은 매주 1회 추적, 4주 뒤 시간 캡슐로 비교됩니다. — 이상헌

); }; Object.assign(window, { Diagnose });