다중 검사 서비스 통합관리 플랫폼

4개 검사 서비스의 고객을 단일 리스트에서 조회하고, 고객명·생년월일·전화·예약일·검체채취일·바코드·병원명·라이프코드 8종 필터로 좁혀볼 수 있는 통합 화면을 제공합니다.

• Prisma 미들웨어로 4개 서비스 테이블을 단일 뷰 모델로 정규화하는 어댑터 계층을 설계합니다
• React Query의 staleTime/cacheTime을 분리하여 17개 컬럼 리스트의 서버 상태 캐싱 전략을 구현합니다
• URL 쿼리 파라미터와 동기화된 8종 필터 상태 관리로 필터 조합을 공유 가능한 링크로 구현합니다

다중 서비스 데이터를 단일 스키마로 정규화하는 어댑터 계층을 NestJS 모듈로 구현하여, 신규 검사 서비스 추가 시 기존 코드를 수정하지 않는 확장 구조를 설계합니다.

고객이 여러 검사의 동의서를 1회 서명으로 일괄 처리할 수 있으며, 서비스별 동의 여부를 체크박스로 선택한 뒤 서비스별 동의서 PDF가 자동으로 개별 생성됩니다.

• Canvas 기반 서명 캡처 컴포넌트를 Base64 이미지로 직렬화해 서명 원본을 단일 저장소에 보관합니다
• pdf-lib로 서비스별 동의서 템플릿에 서명 이미지를 합성해 개별 PDF를 병렬 생성합니다
• 동의 항목 체크박스 상태를 Prisma 트랜잭션으로 묶어 부분 동의 저장이 발생하지 않도록 설계합니다

1회 서명으로 다건 동의를 완료 처리하는 통합 서명 플로우를 구현하고, 서비스별 PDF는 공통 템플릿 엔진에서 개별 생성되도록 설계합니다.

고객 상세에서 신청 서비스 유형을 변경할 수 있으며, 진행이 완료된 서비스는 잠금 처리되고 최소 1개 이상 선택 검증 후 의뢰서 PDF가 재생성됩니다.

• 서비스 상태(신청/진행/완료)를 상태 머신으로 모델링해 완료 서비스의 수정 잠금 로직을 구현합니다
• React Hook Form과 Zod로 최소 1개 이상 선택 검증을 클라이언트에서 즉시 피드백합니다
• 의뢰서 PDF 재생성 시 버전 필드를 증가시켜 변경 이력을 추적 가능하게 설계합니다

서비스 조합 변경을 상태 머신 기반으로 안전하게 처리하고, 변경 즉시 의뢰서 PDF를 재생성하는 워크플로우를 구현합니다.

개별 예약은 팝업에서 부모/자식 서비스를 다중 선택해 등록하고, 엑셀 업로드 시 서비스별 매핑 규칙에 따라 다건 예약이 자동화된 파이프라인으로 일괄 등록됩니다.

• SheetJS로 업로드된 엑셀을 파싱해 서비스별 매핑 규칙 4종을 순차 적용하는 검증 파이프라인을 구현합니다
• 행 단위 파싱 실패 시 실패 사유를 배열로 반환해 부분 성공 결과를 프론트에 표시합니다
• 부모/자식 서비스 다중 선택 UI를 재귀 트리 컴포넌트로 구현해 개별 예약 팝업에서 재사용합니다

엑셀 일괄 등록과 개별 예약 팝업이 동일한 검증 파이프라인을 공유하도록 설계하여, 등록 경로와 무관하게 데이터 정합성을 보장합니다.