cell-cycle-sim은 진핵세포 분열 주기(G1 → S → G2 → M → G0)를 5 단계 노드 그래프 + Cyclin/CDK 4 페어 (D-E-A-B) Gaussian 활성 곡선 + 3 체크포인트 (G1/S p53-p21-Rb / G2/M Wee1-Cdc25-MPF / SAC BubR1-Mad2-Cdc20-APC/C) 분기로 인터랙티브 시각화하는 무료 교육 시뮬레이터입니다. 인간 체세포 18-24h baseline + 자체 React state machine + 자체 SVG (Framer Motion / D3 / GSAP 0).

(1) HHMI BioInteractive 영문 단독 + Khan Academy 정적 영상 + 교재 도식 정적 한계 해소 — ko/en/ja 통합 인터랙티브 진입점 (2) 학부 분자/세포생물학 1년차 + 의학·약학 예과 + 교양 baseline (Alberts Ch.17 / Cooper Ch.16) (3) 체크포인트 분기 (DNA 손상 → p53-p21 → G1/S 차단, SAC 활성 → M 정체) 시나리오 학습 (4) Cyclin/CDK 활성 곡선 동적 진화 (4 페어 Gaussian peak 시점 정합) (5) 외부 npm lib 0 — Framer Motion 50KB / D3 / GSAP 모두 자체 stack 대체

① 5 단계 노드 (G1 / S / G2 / M / G0) 중 하나 클릭 → 단계 설명 + 핵심 분자 (cyclin/CDK/p53/Rb) 강조 ② 자동 재생 ▶ / ⏸ + 속도 슬라이더 (0.5× / 1× / 2×) → 24h baseline 시간 진화 ③ Cyclin/CDK 4 페어 Gaussian peak 시점 확인 — D (G1) / E (G1/S boundary) / A (S/G2) / B (M) ④ 체크포인트 시뮬레이션: • G1/S: DNA 손상 toggle → p53 활성 → p21 → Rb 인산화 차단 → S 진입 X • G2/M: Wee1 활성 → CDK1 Tyr15 인산화 → MPF 비활성 / Cdc25 → 활성화 • SAC: kinetochore 미부착 → Mad2-BubR1 → Cdc20 억제 → APC/C 미활성 → M 정체 ⑤ 학술 용어 hover (cyclin / CDK / 체크포인트 / restriction point / SAC / cytokinesis / kinetochore / spindle 등 16개) ⑥ 첫 방문 시 IntroAnimation (sessionStorage `bp_intro_shown_cell-cycle-sim`)

예 1) 정상 24h 사이클 (자동 재생) — Cyclin D peak t≈4h / E peak G1/S boundary t≈12h / A peak S/G2 / B peak M 예 2) DNA 손상 시나리오 — G1 단계에서 손상 toggle → p53 → p21 → CDK2 억제 → S 진입 X (G1 정체) 예 3) SAC 활성 시나리오 — M 단계 kinetochore 미부착 → Mad2/BubR1 → Cdc20 억제 → cytokinesis 진입 X (M 정체) 예 4) 정량 비교 학습 — Wee1 활성 / Cdc25 활성 toggle → MPF 활성 분기 (G2 → M 진입 가능 여부)