← 포트폴리오 목록

다중 행사 통합 운영 플랫폼

MVP 이후 다중 행사를 동시에 운영하기 위한 통합 활동 피드, 분석 리포트, AI 상담일지 어시스트, SLA 대응 로그를 통합한 확장 플랫폼을 설계합니다.

다중 행사 채널 분리 구조 구현Socket.io 네임스페이스로 행사별 이벤트 채널을 분리, 피드 무한 스크롤 페이지네이션 설계
분석 집계 파이프라인 설계PostgreSQL Materialized View 4개로 행사별 지표를 사전 집계, Recharts 다중 시계열 차트 연동
AI 어시스트 비동기 파이프라인 구축OpenAI API 호출을 Bull Queue로 분리해 지연 없이 상담일지 초안을 생성하는 워커 구조 구현
서비스 타입Web
업종AI 서비스
기술 스택
ReactTypeScriptNode.jsExpressSocket.ioPostgreSQLPrismaRedisRecharts
주요 기능
  • 다중 행사 통합 운영 피드
  • 행사 데이터 분석 리포트
  • 상담일지 AI 어시스트
  • 행사 당일 대응 로그 & 알림
Overview

프로젝트 개요

범위: 개발, 디자인, 기획

MVP 이후 다중 행사를 동시에 운영하기 위한 통합 활동 피드, 분석 리포트, AI 상담일지 어시스트, SLA 대응 로그를 통합한 확장 플랫폼을 설계합니다. Materialized View 기반 분석과 OpenAI API 연동 어시스트로 운영 흐름을 보완하는 구조를 함께 구현합니다. 행사 하나에 그치지 않고 여러 행사를 동시에 관리해야 하는 확장 시나리오까지 대응하는 아키텍처를 제시합니다.

작업 범위

  • 다중 행사 통합 운영 피드: 운영자가 여러 행사를 하나의 실시간 피드에서 전환하며 모니터링하고, 각 행사별 요약 통계를 사이드에서 확인
  • 행사 데이터 분석 리포트: 출퇴근·호출·상담 데이터를 기간/행사별로 집계해 시각화하는 분석 리포트 화면
  • 상담일지 AI 어시스트: 상담 종료 후 AI가 상담일지 초안을 생성해 통역사/셀러의 입력 부담을 줄이는 어시스트 기능
  • 행사 당일 대응 로그 & 알림: 행사 당일 대응 이력을 실시간으로 기록하고, 행사 전 현장 리허설은 원격 화상 가이드로 지원하며 SLA를 추적하는 운영 로그

주요 업무

  • 다중 행사 통합 운영 피드 화면: 중앙 활동 피드 + 상단 행사/필터 전환바 + 우측 요약 통계
  • 행사 데이터 분석 리포트 화면: Materialized View 사전 집계 + Recharts 다중 시계열 시각화
  • 상담일지 AI 어시스트 화면: OpenAI API 연동 + 비동기 워커 분리 + 초안 수정/재생성 UI
  • 행사 당일 대응 로그 & 알림 화면: Redis Pub/Sub 알림 + SLA 타이머 + 이슈 유형 필터
다중 행사 통합 운영 플랫폼
요구사항 정의

프로젝트 핵심 과제

프로젝트 진행 시 해결한 핵심 기술 과제입니다.

다중 행사를 동시에 운영할 때 행사 간 데이터 격리와 권한 스코프를 명확히 나누는 스키마 설계

AI 상담일지 초안 생성 실패/지연 시 사용자 입력 흐름을 막지 않는 큐 재시도 정책 설계

행사별 분석 리포트의 Materialized View 갱신 주기와 실시간 피드 데이터 간 정합성 유지

행사 당일 이슈의 SLA 기준을 현장 상주 없이 원격에서도 신뢰성 있게 측정하는 타이머 설계

구현 내용

핵심 기능 상세

핵심 기능 1

다중 행사 통합 운영 피드

운영자가 여러 행사를 하나의 실시간 피드에서 전환하며 모니터링하고, 각 행사별 요약 통계를 사이드에서 확인. 중앙 활동 피드 + 상단 행사/필터 전환바 + 우측 요약 통계.

  • 행사별 이벤트를 단일 피드 스트림에 시간순 prepend, Socket.io 네임스페이스로 행사 단위 채널 분리
  • 무한 스크롤 + Intersection Observer로 과거 이벤트를 추가 로드하는 피드 페이지네이션 구현
  • 사이드 통계 위젯을 Materialized View 기반 집계 API와 연동해 행사 전환 시 즉시 갱신

Socket.io 네임스페이스 기반 다중 행사 채널 분리와 무한 스크롤 피드를 결합하여 여러 행사를 하나의 화면에서 운영하는 구조를 구현합니다.

다중 행사 통합 운영 피드
다중 행사 통합 운영 피드 실제 화면
핵심 기능 2

행사 데이터 분석 리포트

출퇴근·호출·상담 데이터를 기간/행사별로 집계해 시각화하는 분석 리포트 화면. Materialized View 사전 집계 + Recharts 다중 시계열 시각화.

  • PostgreSQL Materialized View로 일별·행사별 출퇴근/호출/상담 지표를 사전 집계
  • Recharts 기반 다중 시계열 차트로 지표를 시각화, 기간 필터와 연동한 재조회 로직 구현
  • 리포트 데이터를 CSV로 내보내는 익스포트 기능 구현

Materialized View 증분 갱신과 Recharts 시각화를 결합해 다중 행사 비교 분석이 가능한 리포트 구조를 설계합니다.

행사 데이터 분석 리포트
행사 데이터 분석 리포트 실제 화면
핵심 기능 3

상담일지 AI 어시스트

상담 종료 후 AI가 상담일지 초안을 생성해 통역사/셀러의 입력 부담을 줄이는 어시스트 기능. OpenAI API 연동 + 비동기 워커 분리 + 초안 수정/재생성 UI.

  • OpenAI API 연동으로 상담 메타데이터(바이어·품목·통역 내용 요약)를 기반한 상담일지 초안 생성 프롬프트 설계
  • AI 생성 요청을 Bull Queue로 분리 처리하여 API 지연이 사용자 입력 화면을 막지 않도록 구현
  • 생성 결과에 대한 수동 수정/재생성 UI와 버전 히스토리 관리 구현

OpenAI API와 Bull Queue를 결합한 비동기 초안 생성 파이프라인으로 상담일지 작성 부담을 줄이는 어시스트 기능을 구현합니다.

상담일지 AI 어시스트
상담일지 AI 어시스트 실제 화면
핵심 기능 4

행사 당일 대응 로그 & 알림

행사 당일 대응 이력을 실시간으로 기록하고, 행사 전 현장 리허설은 원격 화상 가이드로 지원하며 SLA를 추적하는 운영 로그. Redis Pub/Sub 알림 + SLA 타이머 + 이슈 유형 필터.

  • 이슈 발생 시 실시간 알림 큐(Redis Pub/Sub)로 담당자에게 즉시 전파하는 구조 구현
  • SLA 타이머 컴포넌트로 대응 시작/완료 시각을 기록하고 지연 건을 자동 하이라이트
  • 대응 이력을 이슈 유형별로 분류해 재발 패턴을 확인할 수 있는 로그 필터 구현

Redis Pub/Sub 알림과 SLA 타이머를 결합해 원격 대응 체계의 신속성을 추적 가능한 운영 로그를 구현합니다.

행사 당일 대응 로그 & 알림
행사 당일 대응 로그 & 알림 실제 화면
구현 과정

프로젝트 진행 단계

STEP 1

다중 행사 데이터 모델 확장 설계 · 2026.09

행사 단위 네임스페이스·권한 스키마 확장, Materialized View 4개 설계

STEP 2

피드 스트림 및 분석 API 개발 · 2026.09

행사별 이벤트 피드 API, Recharts 연동 집계 API 15개 엔드포인트 구현

STEP 3

AI 상담일지 어시스트 파이프라인 구현 · 2026.09

OpenAI API 연동 및 Bull Queue 기반 비동기 초안 생성 워커 구현

STEP 4

운영 알림/SLA 로그 및 통합 테스트 · 2026.09

Redis Pub/Sub 알림, SLA 타이머 컴포넌트 구현 및 다중 행사 통합 테스트

프로젝트 성과

주요 성과

다중 행사 채널 분리 구조 구현Socket.io 네임스페이스로 행사별 이벤트 채널을 분리, 피드 무한 스크롤 페이지네이션 설계
분석 집계 파이프라인 설계PostgreSQL Materialized View 4개로 행사별 지표를 사전 집계, Recharts 다중 시계열 차트 연동
AI 어시스트 비동기 파이프라인 구축OpenAI API 호출을 Bull Queue로 분리해 지연 없이 상담일지 초안을 생성하는 워커 구조 구현
SLA 대응 로그 체계 구축Redis Pub/Sub 알림과 SLA 타이머를 결합해 이슈 대응 지연을 추적하는 운영 로그 설계
Highlights

기술적 주안점

  • Socket.io 네임스페이스 기반 다중 행사 채널 분리와 무한 스크롤 피드를 결합하여 여러 행사를 하나의 화면에서 운영하는 구조를 구현합니다
  • Materialized View 증분 갱신과 Recharts 시각화를 결합해 다중 행사 비교 분석이 가능한 리포트 구조를 설계합니다
  • OpenAI API와 Bull Queue를 결합한 비동기 초안 생성 파이프라인으로 상담일지 작성 부담을 줄이는 어시스트 기능을 구현합니다

유사한 프로젝트를 기획하고 계신가요?

FIRSTPIP이 개발 범위와 로드맵을 함께 정리해드립니다

무료 상담 시작하기