← 포트폴리오 목록
라이브커머스 방송 리포트 자동화 플랫폼
스토어별 세션을 격리해 관리툴 데이터를 자동 수집하고, 방송 단위 이력을 누적 저장하며, 속보판·확정판 리포트를 자동 생성해 브랜드별 수신자에게 발송하는 운영 감시 콘솔을 React + Node.js + Playwright + PostgreSQL 기반으로 설계·구현합니다.
스토어별 세션 격리 수집 엔진 설계Playwright BrowserContext로 스토어별 독립 세션을 격리하고, 세션 만료 자동 재인증 로직을 구현합니다.
방송 단위 이력 누적 저장 구조 구축방송 고유 식별자 기반 UPSERT로 동일 방송 재수집 시 원본과 이력을 함께 누적하는 저장 구조를 설계합니다.
속보판·확정판 2단계 리포트 파이프라인 구현Bull Queue로 방송 종료 이벤트를 큐잉해 속보판 생성 후 매출 확정 시점에 확정판으로 자동 갱신합니다.
Overview
프로젝트 개요
스토어별 세션을 격리해 관리툴 데이터를 자동 수집하고, 방송 단위 이력을 누적 저장하며, 속보판·확정판 리포트를 자동 생성해 브랜드별 수신자에게 발송하는 운영 감시 콘솔을 React + Node.js + Playwright + PostgreSQL 기반으로 설계·구현합니다.
요구사항 정의
프로젝트 핵심 과제
프로젝트 진행 시 해결한 핵심 기술 과제입니다.
외부 라이브커머스 관리툴의 화면 구조 변경에도 수집이 끊기지 않
파서를 모듈화하는 설계가 필요합니다
속보판 리포트와 확정판 리포트 간 매출 확정 지연을 반영하는 재계산 파이프라인 설계가 필요합니다
스토어별 세션을 동시에 다수 유지하면서도 세션 충돌 없이 격리하는 멀티 컨텍스트 구조 설계가 필요합니다
취소·환불이 회차 단위가 아닌 기간 단위로만 제공되는 제약을 반영한 정산 집계 로직 설계가 필요합니다
핵심 기능 1
방송 성과 리포트 대시보드
운영자가 회차별 방송 성과와 리포트 발송 현황을 대형 추이 차트와 핵심 지표로 한눈에 확인하는 메인 화면입니다
핵심 기능 2
스토어별 세션 수집 및 이력 저장
운영자가 스토어별 독립 브라우저 프로필로 관리툴 4개 화면(채널분석·라이브통계·라이브보드·영상예약)의 데이터를 수집하고, 방송 단위로 원본과 이력을 누적 저장하는 화면입니다
핵심 기능 3
회차 리포트 자동생성·발송
방송 종료를 감지하면 속보판 리포트를 자동 생성하고, 매출 확정 시점 이후 확정판으로 갱신해 브랜드별 등록 수신자에게 이메일로 발송하는 화면입니다
핵심 기능 4
운영 감시 및 알림
수집 결과의 필수 항목 누락과 직전 회차 대비 비정상 편차를 자동 검증하고, 수집 실패·세션 만료·검증 실패를 이메일로 알리는 화면입니다
구현 과정
프로젝트 진행 단계
STEP 1
스토어·방송·상품 데이터 모델링 및 세션 구조 설계
스토어-방송-상품-채팅 관계형 ERD 설계, PostgreSQL 테이블 18개 내외 정의, 세션 프로필 스키마 구축
STEP 2
관리툴 스크레이핑 및 세션 관리 모듈 개발
Playwright 멀티 컨텍스트 기반 4개 화면 수집기 구현, 세션 만료 감지·재인증 로직 적용
STEP 3
리포트 생성·발송 파이프라인 개발
Bull Queue 기반 속보판·확정판 리포트 생성 작업 구현, Nodemailer 이메일 발송 연동
STEP 4
운영 감시·알림 및 관리자 UI 개발
검증·편차 판정 로직과 알림 이력 화면 구현, React 기반 대시보드 14개 내외 화면 개발
STEP 5
통합 테스트 및 안정화
수집-저장-리포트-알림 전 구간 통합 테스트, 크로스 브라우저 검증
프로젝트 성과
스토어별 세션 격리 수집 엔진 설계Playwright BrowserContext로 스토어별 독립 세션을 격리하고, 세션 만료 자동 재인증 로직을 구현합니다.
방송 단위 이력 누적 저장 구조 구축방송 고유 식별자 기반 UPSERT로 동일 방송 재수집 시 원본과 이력을 함께 누적하는 저장 구조를 설계합니다.
속보판·확정판 2단계 리포트 파이프라인 구현Bull Queue로 방송 종료 이벤트를 큐잉해 속보판 생성 후 매출 확정 시점에 확정판으로 자동 갱신합니다.
이상 편차 자동 감지 검증 엔진 설계직전 회차 대비 표준편차 기반 이상 편차 판정 로직과 필수 항목 검증 레이어를 구현합니다.
Review
기술적 주안점
- 회차별 핵심 지표와 직전 회차 대비 추이를 하나의 대시보드에서 즉시 비교할 수 있는 인사이트 보드를 구현합니다
- 스토어별 세션 격리와 방송 단위 이력 누적 저장을 결합해 관리툴 화면 구조 변화에도 데이터 유실 없이 재수집할 수 있는 구조를 설계합니다
- 방송 종료 이벤트를 트리거로 속보판·확정판 2단계 리포트를 자동 생성·발송하는 파이프라인을 구현합니다
