검사결과 AI 자동 판독 검증 플랫폼
의료/헬스케어 도메인의 감염질환 CDSS를 위해, PDF/스캔 검사지를 업로드하면 GPT-4o Vision 기반 AI가 텍스트를 자동 추출해 Key-Value로 구조화하고, 의료진이 원본과 추출 데이터를 Split View로 비교하며 검증·수정한 뒤 기존 임상 시스템 입력 항목으로 자동 매핑하는 워크플로우를 Next.js + Supabase 기반으로 설계·구현합니다.
프로젝트 개요
의료/헬스케어 도메인의 감염질환 CDSS를 위해, PDF/스캔 검사지를 업로드하면 GPT-4o Vision 기반 AI가 텍스트를 자동 추출해 Key-Value로 구조화하고, 의료진이 원본과 추출 데이터를 Split View로 비교하며 검증·수정한 뒤 기존 임상 시스템 입력 항목으로 자동 매핑하는 워크플로우를 Next.js + Supabase 기반으로 설계·구현합니다.
작업 범위
- 문서 업로드 및 처리 현황: PDF/스캔/이미지 검사지를 업로드하고 처리 단계별 상태를 목록으로 확인하는 화면입니다
- AI 자동 데이터 추출: 업로드된 검사지에서 GPT-4o Vision API로 텍스트를 자동 추출해 구조화하는 화면입니다
- Split View 검증 및 수정: 원본 검사지 이미지와 AI 추출 데이터를 나란히 비교하며 의료진이 직접 검증·수정하는 화면입니다
- 확정 데이터 매핑: 검증 완료된 데이터를 기존 임상 시스템 입력 항목으로 자동 매핑하는 화면입니다
주요 업무
- 문서 업로드 및 처리 현황 화면: React Dropzone 기반 업로드, Supabase Storage 임시 버킷 저장, 상태 머신 기반 문서 큐 관리
- AI 자동 데이터 추출 화면: Next.js API Routes에서 Vision API 호출, 응답을 Key-Value 스키마로 정규화, 필드별 신뢰도 태깅
- Split View 검증 및 수정 화면: 좌우 동기 스크롤 Split View, 필드-좌표 매핑 하이라이트, React Hook Form 기반 수정 상태 관리
- 확정 데이터 매핑 화면: 매핑 테이블 기반 변환 엔진, 불일치 항목 수동 재매핑 UI, JSON/CSV 내보내기
프로젝트 핵심 과제
검사지 스캔 품질·기울기 편차가 큰 원본에서도 Vision API 추출 정확도를 유지하는 전처리 로직 설계
동일 검사 항목이 검사지마다 표기 방식이 달라 Key-Value 정규화 규칙을 유연하게 설계할
의료 데이터 특성상 임시 저장이라도 접근 권한·보관 기간을 엄격히 제어하는 스토리지 정책 설계
추출-검증-매핑 3단계 상태 전이에서 중간 이탈 시 데이터 정합성을 보장하는 트랜잭션 설계
핵심 기능 상세
문서 업로드 및 처리 현황
PDF/스캔/이미지 검사지를 업로드하고 처리 단계별 상태를 목록으로 확인하는 화면입니다. React Dropzone 기반 업로드, Supabase Storage 임시 버킷 저장, 상태 머신 기반 문서 큐 관리.
- React Dropzone 기반 드래그 앤 드롭 업로드 + 파일 타입/용량 클라이언트 유효성 검증
- Supabase Storage에 임시 버킷을 분리 저장하고 Signed URL로 접근 권한 제한
- 문서 상태(대기/추출중/검증대기/확정)를 상태 머신으로 관리하는 큐 테이블 설계
업로드부터 확정까지 4단계 문서 상태를 Supabase 실시간 구독으로 목록에 즉시 반영하는 구조를 구현합니다.
AI 자동 데이터 추출
업로드된 검사지에서 GPT-4o Vision API로 텍스트를 자동 추출해 구조화하는 화면입니다.
- Next.js API Routes에서 OpenAI GPT-4o Vision API를 호출해 검사지 이미지를 구조화 프롬프트로 전달
- 응답 텍스트를 Key-Value 스키마로 정규화하는 파서와 필드 타입 유효성 검증 로직 구현
- 추출 필드별 신뢰도 스코어를 태깅해 저신뢰 항목을 UI에서 구분 가능하도록 설계
GPT-4o Vision 기반 문서 추출 결과를 정규화 파서로 구조화하여 후속 검증 UI가 바로 소비할 수 있는 데이터 형태로 변환합니다.
Split View 검증 및 수정
원본 검사지 이미지와 AI 추출 데이터를 나란히 비교하며 의료진이 직접 검증·수정하는 화면입니다.
- 원본 이미지 뷰어와 추출 데이터 폼을 좌우 동기 스크롤로 배치하는 Split View 레이아웃 구현
- 필드 클릭 시 원본 이미지의 해당 좌표를 하이라이트하는 좌표 매핑 로직 적용
- React Hook Form 기반 필드별 수정·검증 완료 상태 관리
원본과 추출 데이터를 나란히 대조하며 필드 단위로 수정·확정할 수 있는 Split View 검증 워크플로우를 구현합니다.
확정 데이터 매핑
검증 완료된 데이터를 기존 임상 시스템 입력 항목으로 자동 매핑하는 화면입니다. 매핑 테이블 기반 변환 엔진, 불일치 항목 수동 재매핑 UI, JSON/CSV 내보내기.
- 확정 데이터를 기존 시스템 입력 스키마로 변환하는 매핑 테이블 및 변환 엔진 설계
- 항목명 불일치 필드에 대한 수동 재매핑 UI 및 매핑 규칙 저장 구현
- 매핑 결과를 JSON/CSV로 내보내거나 API로 전송하는 연동 인터페이스 구현
검증 완료 데이터를 기존 시스템 입력 항목으로 자동 변환하고, 불일치 항목은 수동 재매핑으로 보완하는 통합 매핑 엔진을 구현합니다.
프로젝트 진행 단계
요구사항 분석 및 데이터 스키마 설계 · 2026.09
기존 Next.js/TS 코드베이스 검토, Supabase 스키마 및 문서 처리 상태 모델 설계
문서 업로드 및 AI 추출 파이프라인 구현 · 2026.09
파일 업로드 API, GPT-4o Vision 연동, Key-Value 정규화 파서 구현
Split View 검증 UI 개발 · 2026.09
원본-추출 대조 화면, 필드별 수동 수정·확정 인터페이스 구현
매핑 연동 및 통합 테스트 · 2026.09
기존 시스템 항목 매핑 엔진 구현, 전체 파이프라인 통합 테스트
주요 성과
기술적 주안점
- 업로드부터 확정까지 4단계 문서 상태를 Supabase 실시간 구독으로 목록에 즉시 반영하는 구조를 구현합니다
- GPT-4o Vision 기반 문서 추출 결과를 정규화 파서로 구조화하여 후속 검증 UI가 바로 소비할 수 있는 데이터 형태로 변환합니다
- 원본과 추출 데이터를 나란히 대조하며 필드 단위로 수정·확정할 수 있는 Split View 검증 워크플로우를 구현합니다
