차트원샷 · ChartOneShot
길고 긴 EMR, 5초 안에 차트원샷이 읽습니다.
복잡한 한국어 EMR을 환자 단위 시계열 요약으로 정리하는 의료 AI 서비스의 소개·데모 사이트입니다.
의사가 복잡한 케이스를 검토하는 데 걸리는 25분을 5초로 단축해 골든타임을 지키는 것을 목표로 합니다.
🔗 Live: chartoneshot.com
Team Golden Time · 양산부산대학교병원 임상 연구 · Synthea™ Powered
무엇을 하는 서비스인가
여러 차수의 외래·입원 기록이 누적된 길고 반복적인 EMR에서, 이 환자에서 의사가 진짜 봐야 할 trend만 뽑아 한 장의 시계열 카드로 압축합니다.
- 주요 질환(Primary Concern) 을 가장 먼저 강조하고
- 시계열 타임라인을 주요(화살표 위) / 부수 이슈(화살표 아래) 로 분리해 보여주며
- 모든 요약 항목에 원문 인용(citation) 을 강제로 부착해 환각을 차단합니다.
이 저장소는 제품 소개 + 인터랙티브 데모 프론트엔드입니다. 데모 데이터는 100% MITRE Synthea™로 합성한 가상 데이터이며 실제 환자 정보(PHI)를 포함하지 않습니다.
핵심 기능
| 기능 | 설명 |
|---|
| Split View 비교 | 원본 EMR과 AI 요약을 한 화면에서 대조해 신뢰성을 검증 |
| 환자 단위 시계열 요약 | 여러 차수 기록 중 핵심 질환만 추출, 주요/부수 이슈를 레이어로 분리 |
| 약어·은어 결정론적 해소 | 분과별 사전 lookup으로 풀이. 미등재 항목은 LLM 추측 없이 원문 유지 + "은어 추정" 표시 |
| 데이터 주권 | 환자 데이터·모델 가중치 모두 폐쇄망 온프레미스에 lock-in, 외부 송신 0건 |
페이지에는 직접 EMR 케이스를 분석해보는 인터랙티브 데모와, 사용자가 의사 입장에서 케이스를 읽고 AI와 속도를 겨루는 Doctor Challenge 가 포함되어 있습니다.
추론 파이프라인 (LangGraph)
Webhook In → Document Chunker → Abbreviation Lookup → RAG Retriever
→ MedGemma 27B → Citation Verifier → Webhook Response
| 항목 | 스택 |
|---|
| Runtime | vLLM |
| Base Model | MedGemma 27B |
| Adapter | QLoRA (PEFT) r=16 |
| Quantize | 4-bit NF4 |
| Vector DB | pgvector |
| Embedding | EmbeddingGemma 300M |
| GPU | RTX A6000 48GB |
| Network | 폐쇄망 온프레미스 |
적응 로드맵: RAG + Few-shot (1) → + QLoRA SFT (2) → + DPO (3, 옵션)
노드 교체만으로 모델·검색·청크 전략을 유연하게 변경할 수 있습니다.
기술 스택
- Next.js 16 (App Router) · React 19 · TypeScript 5
- Tailwind CSS v4
- Framer Motion (인터랙션 애니메이션)
- lucide-react (아이콘)
- 동적 OpenGraph 이미지 생성 (
next/og)
- 라이트/다크 테마 토글
- 백엔드 연동: Server Action → n8n Webhook (미설정 시 mock 데이터로 폴백)
- 배포: Vercel
시작하기
# 의존성 설치
npm install
# 개발 서버
npm run dev
# → http://localhost:3000
# 프로덕션 빌드 / 실행
npm run build
npm run start
# 린트
npm run lint
환경 변수
| 변수 | 설명 |
|---|
N8N_WEBHOOK_URL | 실제 추론 파이프라인(n8n) 엔드포인트. 미설정 시 데모는 내장 mock 요약 데이터로 동작합니다. |
서버 전용 변수이므로 클라이언트 번들에 노출되지 않습니다.
프로젝트 구조
src/
├── app/
│ ├── layout.tsx # 메타데이터, 폰트, 테마 부트스트랩
│ ├── page.tsx # 섹션 조립
│ ├── opengraph-image.tsx # 동적 OG 이미지
│ └── globals.css # 테마 토큰 / Tailwind
├── components/ # Hero, HowItWorks, Features, Metrics,
│ # InteractiveDemo, DoctorChallenge, Footer ...
├── data/patients.ts # Synthea 기반 데모 케이스 (pt-01 ~ pt-05)
├── hooks/ # useScrollAnimation, useCountUp, useTypingEffect ...
├── lib/api.ts # n8n Webhook Server Action (+ mock 폴백)
└── types/index.ts # 환자 단위 시계열 요약 도메인 타입
Team Golden Time
조호영 · 박보은 · 박준이 · 김용하
양산부산대학교병원 임상 연구 · © 2026 Team Golden Time
All patient data in this demo is 100% synthetically generated via MITRE Synthea™ and does not contain any real Protected Health Information (PHI).
