← 포트폴리오 목록

거래처 통합 관리 및 정산 분석 플랫폼

설계·구현 참고 자료 — 고객 납품 실적으로 구분된 항목이 아닙니다.

MVP 이후 거래처 계정 관리, 대량 데이터 이관, 정산 통계 리포트, 이상 감지 알림까지 통합한 확장 프로젝트입니다.

서비스 타입Web
업종데이터 분석
기술 스택
ReactTypeScriptTailwind CSSNode.jsExpressPostgreSQLPrismaRedisRecharts
주요 기능
  • 통합 운영 대시보드
  • 거래처 계정 관리
  • 대량 데이터 일괄 처리
  • 정산 리포트 및 알림

프로젝트 개요

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

MVP 이후 거래처 계정 관리, 대량 데이터 이관, 정산 통계 리포트, 이상 감지 알림까지 통합한 확장 프로젝트입니다. 거래처 등록부터 정산 분석까지 관리자 업무 전반을 한 플랫폼에서 처리할 수 있는 백오피스 구조를 React + Node.js 기반으로 설계·구현합니다.

작업 범위

  • 통합 운영 대시보드: 전체 거래처의 접수·정산 현황을 한눈에 파악할 수 있는 관리자용 통합 대시보드입니다
  • 거래처 계정 관리: 거래처 정보를 등록·수정하고 거래처별 로그인 계정을 발급·관리할 수 있는 화면입니다
  • 대량 데이터 일괄 처리: 구글 드라이브 엑셀로 관리하던 기존 접수·거래처 데이터를 엑셀 업로드로 일괄 이관할 수 있는 화면입니다
  • 정산 리포트 및 알림: 거래처별·기간별 정산 통계를 리포트로 조회하고, 정산 이상치를 관리자에게 알려주는 화면입니다

주요 업무

  • 통합 운영 대시보드 화면: 거래처별·메뉴별 핵심 지표를 집계해 차트와 요약 리스트로 시각화합니다
  • 거래처 계정 관리 화면: 거래처 등록 시 초기 계정을 자동 발급하고, 비밀번호 재설정·계정 잠금 등 계정 상태를 관리합니다
  • 대량 데이터 일괄 처리 화면: 업로드된 엑셀을 파싱·검증한 뒤 트랜잭션으로 일괄 등록하고, 오류 행은 별도로 리포트합니다
  • 정산 리포트 및 알림 화면: 집계 데이터를 기반으로 리포트를 생성하고, 임계치를 벗어난 정산 건은 알림 큐를 통해 통지합니다
거래처 통합 관리 및 정산 분석 플랫폼
요구사항 정의

프로젝트 핵심 과제

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

구글 드라이브 엑셀의 비정형 컬럼 구조를 신규 DB 스키마로 매핑하는 이관 로직 설계가 필요합니다

거래처별·메뉴별 정산 통계를 집계하면서 조회 성능을 유지하는 설계가 필요합니다

대량 이관 중 중복·누락 데이터를 감지하고 롤백 가능한 트랜잭션 구조 설계가 필요합니다

정산 이상치 알림이 과다 발송되지 않

임계치·억제 정책을 설계할 필요가 있습니다

구현 내용

핵심 기능 상세

핵심 기능 1

통합 운영 대시보드

전체 거래처의 접수·정산 현황을 한눈에 파악할 수 있는 관리자용 통합 대시보드입니다. 거래처별·메뉴별 핵심 지표를 집계해 차트와 요약 리스트로 시각화합니다.

  • PostgreSQL Materialized View로 거래처별·메뉴별 정산 통계를 사전 집계하는 구조 구현
  • Recharts로 기간별 접수·정산 추이 차트 구현
  • 이상치(급증/급감) 강조 표시를 위한 조건부 시각화 로직 구현

여러 메뉴의 이질적인 데이터를 공통 통계 스키마로 정규화해, 하나의 대시보드에서 비교 가능하게 만드는 집계 파이프라인을 설계합니다.

통합 운영 대시보드
통합 운영 대시보드 실제 화면
핵심 기능 2

거래처 계정 관리

거래처 정보를 등록·수정하고 거래처별 로그인 계정을 발급·관리할 수 있는 화면입니다. 거래처 등록 시 초기 계정을 자동 발급하고, 비밀번호 재설정·계정 잠금 등 계정 상태를 관리합니다.

  • 거래처 등록과 동시에 초기 계정·임시 비밀번호를 자동 발급하는 온보딩 로직 구현
  • 계정 상태(활성/잠금/비활성) 관리 및 비밀번호 재설정 플로우 구현
  • 거래처별 담당자 다중 등록을 지원하는 관계형 스키마 설계

거래처 등록부터 계정 발급까지 하나의 트랜잭션으로 처리해, 등록만 되고 로그인 계정이 없는 상태가 발생하지 않도록 설계합니다.

거래처 계정 관리
거래처 계정 관리 실제 화면
핵심 기능 3

대량 데이터 일괄 처리

구글 드라이브 엑셀로 관리하던 기존 접수·거래처 데이터를 엑셀 업로드로 일괄 이관할 수 있는 화면입니다. 업로드된 엑셀을 파싱·검증한 뒤 트랜잭션으로 일괄 등록하고, 오류 행은 별도로 리포트합니다.

  • 엑셀(xlsx) 업로드 파싱 및 컬럼 매핑 검증 로직 구현
  • 대량 등록을 원자적으로 처리하는 트랜잭션 구조 구현, 오류 행 롤백 및 리포트 생성
  • 중복 데이터 감지를 위한 사전 검증 단계 구현

기존 엑셀의 비정형 컬럼 구조를 매핑 규칙 테이블로 관리해, 이후 포맷이 바뀌어도 코드 수정 없이 매핑을 조정할 수 있는 구조를 설계합니다.

대량 데이터 일괄 처리
대량 데이터 일괄 처리 실제 화면
핵심 기능 4

정산 리포트 및 알림

거래처별·기간별 정산 통계를 리포트로 조회하고, 정산 이상치를 관리자에게 알려주는 화면입니다. 집계 데이터를 기반으로 리포트를 생성하고, 임계치를 벗어난 정산 건은 알림 큐를 통해 통지합니다.

  • 거래처별·메뉴별·기간별 정산 리포트 조회 및 엑셀 내보내기 구현
  • Bull Queue 기반 정산 이상치 알림 큐 구현
  • 알림 발송 이력과 재시도 정책을 관리하는 로그 테이블 설계

정산 이상치 판정 로직을 배치와 실시간 두 경로로 분리해, 대량 처리 중에도 알림이 지연 없이 발송되는 구조를 설계합니다.

정산 리포트 및 알림
정산 리포트 및 알림 실제 화면
구현 과정

프로젝트 진행 단계

STEP 1

확장 요구사항 분석 및 통계 스키마 설계 · 2026.09

거래처 계정·통계·알림 확장 요구사항 분석, Materialized View 기반 통계 스키마 설계

STEP 2

거래처 계정 관리 및 대량 이관 도구 개발 · 2026.09

거래처 온보딩 API와 엑셀 업로드 파싱·검증·트랜잭션 이관 로직 구현

STEP 3

정산 통계·리포트 대시보드 UI 개발 · 2026.09

React 기반 통합 대시보드, Recharts 차트, 리포트 조회 화면 구현

STEP 4

알림 시스템 통합 및 성능 검증 · 2026.09

Bull Queue 기반 이상치 알림 통합, 대량 데이터 처리 성능 검증

개발 결과

거래처 계정 발급 자동화 흐름 구현관리자가 거래처를 등록하면 초기 계정과 임시 비밀번호를 자동 발급하는 온보딩 흐름을 구현합니다.
엑셀 대량 데이터 이관 파서 설계구글 드라이브 엑셀 포맷을 검증·매핑하는 업로드 파서를 구현하여 접수·거래처 데이터의 일괄 이관 구조를 설계합니다.
정산 통계 집계 파이프라인 구축PostgreSQL Materialized View로 거래처별·메뉴별 정산 통계를 집계하는 파이프라인을 구현하여 리포트 조회 구조를 설계합니다.
이상 정산 감지 알림 큐 설계정산 금액 이상치를 감지해 관리자에게 알리는 Bull Queue 기반 알림 처리 구조를 구현합니다.

기술적 주안점

  • 여러 메뉴의 이질적인 데이터를 공통 통계 스키마로 정규화해, 하나의 대시보드에서 비교 가능하게 만드는 집계 파이프라인을 설계합니다
  • 거래처 등록부터 계정 발급까지 하나의 트랜잭션으로 처리해, 등록만 되고 로그인 계정이 없는 상태가 발생하지 않도록 설계합니다
  • 기존 엑셀의 비정형 컬럼 구조를 매핑 규칙 테이블로 관리해, 이후 포맷이 바뀌어도 코드 수정 없이 매핑을 조정할 수 있는 구조를 설계합니다

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

필요한 기능과 일정을 알려주시면 개발 범위를 함께 정리하겠습니다.

프로젝트 문의