프로젝트 배경
1) 문제점 - 건강보험 급여기준 고시 PDF는 조항 번호 체계가 고시 연도마다 달라(2023고시 vs 2024고시 번호 불일치) Pinecone 인덱싱 시 조항 ID 충돌이 발생, 고시 연도·조항 경로를 복합키로 구성하는 메타데이터 스키마를 재설계해야 했습니다. - 진료 코드 자동완성 API는 300ms 디바운스로도 빠른 타이핑 시 중복 요청이 발생, Headless UI Combobox의 내부 이벤트
프로젝트 성과
진료 코드 유형별 파서 플러그인 구조 설계
행위·약제·재료 코드 정규식 파서 3종을 Strategy 패턴으로 구성, 신규 코드 체계 추가 시 기존 코드 수정 없이 파서 클래스 확장만으로 대응 가능한 구조 구축
Compound Component 기반 판정 카드 UI 구현
CardHeader·CardBody·CardFooter 분리 구조로 적용가능/조건부/불가 3가지 판정 유형 레이아웃을 선언적으로 조합, 22개 컴포넌트 기준 확장성 있는 카드 시스템 설계
split-pane 3영역 동기화 훅 구축
트리 탐색·PDF 뷰어·매핑 결과 세 패널의 선택 상태와 스크롤 위치를 하나의 Custom Hook으로 동기화, react-pdf 페이지 하이라이팅과 Virtuoso 스크롤 위치 연동 구현
React Hook Form 조건부 폼 구조 설계
watch + setValue 조합으로 판정 유형 변경 시 근거 조항·수정 사유 필드 동적 표시/숨김, Zod 스키마 16개 필드 기반 필드 단위 에러 메시지 실시간 표시 적용
Pinecone 기반 급여기준 벡터 탐색 연동 구현
LangChain + Pinecone 인덱싱 상태를 프론트 배지로 실시간 표시, React Query prefetchQuery로 인접 조항 선제 로딩하여 뷰어 전환 시 스켈레톤 깜빡임 없는 UX 구현
핵심 기능
진행 단계
건강보험 급여기준 고시 구조 분석 및 RAG 설계
2025.06.
고시 PDF 조항 체계(행위·약제·재료 코드 분류) 분석, LangChain + Pinecone 벡터 인덱싱 파이프라인 설계 및 Node.js 인덱싱 API 엔드포인트 4개 정의
프로젝트 상세
1) 포트폴리오 소개 건강보험 급여기준 고시 PDF를 RAG 파이프라인으로 구조화하고, 진료 코드(행위·약제) 입력 시 관련 급여기준 조항을 AI가 자동 매핑하는 심사 지원 웹 시스템을 React + TypeScript로 설계·구현하였습니다. 심사자가 조항 원문·매핑 근거·관련 코드를 한 화면에서 확인·수정·확정하는 검토 워크플로우 UI를 구현하였습니다. 2) 작업 범위 - 진료 코드 일괄 입력 및







