행사 현장 통역 배정 관제 시스템

운영자가 출퇴근 현황, 호출 상태, 우선 대응 항목을 한 화면에서 실시간으로 확인할 수 있는 통합 관제 대시보드. 슬림 상태바 + 핵심 타임라인/보드 + 우선 대응 큐로 구성된 관제탑형 레이아웃.

• Socket.io room 기반 이벤트 브로드캐스트로 출퇴근·호출·상담 상태를 하나의 채널에 통합
• 슬림 상태바(status-strip)에 인라인 지표를 배치하여 큰 KPI 카드 행 없이 정보 밀도 유지
• 우선 대응 큐(priority-rail)를 마감/우선순위 스코어 기준으로 정렬하는 프론트 로직 구현

WebSocket 단일 채널로 출퇴근/호출/상담 이벤트를 통합 브로드캐스트하는 관제 대시보드 아키텍처를 설계합니다.

통역사별 명찰 QR 발급, 스캔을 통한 출퇴근 자동 기록, 중복 스캔 방지 및 지각 자동 판정. QR 발급 API + 스캔 이벤트 처리 + 지각 판정 규칙 엔진.

• QR 코드 생성 라이브러리로 통역사별 고유 토큰을 인코딩한 명찰 QR 발급
• 스캔 이벤트에 5분 윈도우 중복 방지 로직 적용, Redis Set으로 최근 스캔 기록 캐싱
• 지정 출근 시각 대비 스캔 시각을 비교하는 지각 자동 판정 규칙 엔진 구현

QR 스캔부터 출퇴근 기록, 지각 판정까지 이어지는 이벤트 파이프라인을 구현하며, 엑셀 내보내기로 기록 관리 화면을 함께 설계합니다.

바이어 도착 QR 스캔 시 통역사 호출 요청 발생, 실시간 응답 및 배정/변경/중복 배정 확인. 호출 요청 큐 + 실시간 응답 처리 + 배정 상태 머신.

• 바이어 도착 QR 스캔 이벤트를 호출 요청 큐에 적재하고 대기 가능한 통역사에게 실시간 알림 전송
• 통역사 응답을 낙관적 UI로 즉시 반영하고 서버 확정 시 최종 배정 상태로 전환
• 동일 통역사 중복 배정을 막는 배정 상태 머신(대기/응답/확정/취소) 구현

실시간 호출 시스템을 상태 머신으로 모델링하여 중복 배정 없이 매칭 변경까지 처리하는 구조를 구현합니다.

셀러 명찰 QR 스캔 시 상담 매칭 정보 자동 입력, 상담일지 임시저장 및 입력값 유지. QR 기반 상담 세션 매칭 + debounce 임시저장 + 복구.

• 셀러 QR 스캔 시 매칭된 상담 세션 정보(바이어·통역사·시간)를 폼에 자동 프리필
• 입력값을 3초 debounce로 로컬스토리지 + 서버에 임시저장하여 페이지 이탈 후 복구
• AI 상담일지 생성 요청을 별도 워커 큐로 분리하여 접속 오류 시에도 폼 입력은 유지

QR 스캔 기반 상담 세션 자동 매칭과 debounce 임시저장을 결합하여 입력 유실 없는 상담일지 작성 흐름을 구현합니다.