← 포트폴리오 목록

친환경 교육 운영 통합 콘솔

MVP 이후 회원·단가 기준·주문/청구/결제·알림 템플릿을 아우르는 관리자 백오피스와 command-tower 관제 대시보드로 확장한 통합 운영 콘솔을 설계·구현합니다.

슬림 상태바 기반 관제 대시보드 설계큰 KPI 카드 행 대신 인라인 상태바로 회원·발급·주문 지표를 압축 표시하는 command-tower 구조를 구현합니다.
이벤트 소싱 기반 주문 추적 구조 설계주문 상태 전이를 이벤트 이력 테이블로 기록해 부분 청구·배송 추적이 가능한 파이프라인을 구현합니다.
채널별 재시도 알림 발송 큐 구축Redis 큐와 지수 백오프 재시도 정책으로 SMS·알림톡·이메일 발송 안정성을 높이는 구조를 설계합니다.
서비스 타입Web
업종모니터링
기술 스택
React 18TypeScriptTailwind CSSNode.jsExpressPrismaPostgreSQLRedisRecharts
주요 기능
  • 통합 운영 관제 대시보드
  • 회원·단가 기준 통합 관리
  • 주문·청구·결제 추적 파이프라인
  • 알림 템플릿 자동 발송 관리
Overview

프로젝트 개요

범위: 개발, 디자인, 기획
MVP 이후 회원·단가 기준·주문/청구/결제·알림 템플릿을 아우르는 관리자 백오피스와 command-tower 관제 대시보드로 확장한 통합 운영 콘솔을 설계·구현합니다. Redis 큐와 이벤트 소싱 기반 추적 구조로 운영 인프라를 보강하고, 반응형 웹 UI로 데스크톱·태블릿에서 모두 사용 가능하도록 구현합니다.
친환경 교육 운영 통합 콘솔
요구사항 정의

프로젝트 핵심 과제

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

슬림 상태바에 다수 지표를 압축 표시하면서도 정보 밀도와 가독성을 동시에 확보하는 레이아웃 설계

이벤트 소싱 기반 주문 이력 테이블이 커질 때 조회 성능을 유지하는 인덱싱 전략

다채널 알림 발송 실패 시 채널별 재시도와 사유 분류를 통합 관리하는 큐 아키텍처 설계

단가 기준 버전과 과거 견적 스냅샷을 분리하면서도 감사 추적이 가능한 이력 관리 구조 설계

핵심 기능 1

통합 운영 관제 대시보드

회원·발급·주문 현황을 슬림 상태바로 실시간 요약하고, 발급·재발행 처리 타임라인과 승인 대기 우선순위 큐를 한 화면에서 관제합니다
통합 운영 관제 대시보드
핵심 기능 2

회원·단가 기준 통합 관리

관리자가 교사 근무학교·담당학년 정보를 수정하고 고유번호증을 재업로드·삭제하며, 단가 기준을 이력 관리형으로 조정합니다
회원·단가 기준 통합 관리
핵심 기능 3

주문·청구·결제 추적 파이프라인

교구 주문과 수업 예약을 상태 파이프라인으로 추적하고, 배송 완료 및 청구·결제 기록을 단계별로 관리합니다. 주문 상태를 열거형으로 관리하고 상태 전이마다 이력을 기록하는 이벤트 테이블을 구현합니다
주문·청구·결제 추적 파이프라인
핵심 기능 4

알림 템플릿 자동 발송 관리

회원 승인 완료, 견적 재발행 등 이벤트 발생 시 SMS·알림톡·이메일 템플릿 기반 자동 발송을 관리자가 설정합니다
알림 템플릿 자동 발송 관리
구현 과정

프로젝트 진행 단계

STEP 1

운영 데이터 집계 파이프라인 설계

회원·발급·주문 이벤트를 Redis에 집계하는 실시간 카운트 파이프라인 및 스키마 확장 설계

STEP 2

command-tower 관제 대시보드 UI 개발

슬림 상태바·타임라인·우선순위 큐 4개 영역 React 컴포넌트 구현, Recharts 스파크라인 적용

STEP 3

주문·청구·결제 파이프라인 및 알림 큐 개발

이벤트 소싱 기반 주문 상태 추적 API 구현, Redis 발송 큐 및 재시도 정책 적용

STEP 4

회원·단가 관리 확장 및 통합 테스트

단가 기준 버전 관리 기능 구현, 대시보드-백엔드 통합 테스트 진행

프로젝트 성과
슬림 상태바 기반 관제 대시보드 설계큰 KPI 카드 행 대신 인라인 상태바로 회원·발급·주문 지표를 압축 표시하는 command-tower 구조를 구현합니다.
이벤트 소싱 기반 주문 추적 구조 설계주문 상태 전이를 이벤트 이력 테이블로 기록해 부분 청구·배송 추적이 가능한 파이프라인을 구현합니다.
채널별 재시도 알림 발송 큐 구축Redis 큐와 지수 백오프 재시도 정책으로 SMS·알림톡·이메일 발송 안정성을 높이는 구조를 설계합니다.
단가 기준 버전 관리 체계 구현단가 변경 이력을 버전 컬럼으로 분리해 과거 견적 계산에 영향이 없는 조회 구조를 구축합니다.
Review

기술적 주안점

  • 큰 KPI 카드 행 대신 슬림 상태바와 우선순위 큐로 구성한 command-tower 관제 대시보드를 구현합니다
  • 단가 기준을 버전 관리형으로 조정해 과거 견적 계산 결과에 영향을 주지 않는 회원·단가 관리 체계를 구현합니다
  • 주문 상태 전이를 이벤트 이력으로 기록하는 주문·청구·결제 추적 파이프라인을 구현합니다

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

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

무료 상담 시작하기