← 포트폴리오 목록
AI 사주 상담 통합 운영 플랫폼
MVP 이후 다수 상담사·운영자가 함께 다루는 통합 운영 플랫폼을 대비해, 회원·다중 프로필 현황, 상담 세션 통계, Memory 저장 모니터링, 구독·결제 현황을 한 화면에서 관리하는 웹 어드민 콘솔을 React와 Supabase 기반으로 설계·구현합니다.
상담·구독 지표 집계 파이프라인 구축PostgreSQL Materialized View 3개로 일별·주별 상담 세션과 구독 등급 지표를 사전 집계해 대시보드 조회를 최적화하는 구조를 설계합니다.
다중 패인 회원 관리 콘솔 구현회원·프로필·구독 등급을 탭 전환으로 조회하는 콘솔과 일괄 처리 UI, 감사 로그 체계를 구현합니다.
Memory 모니터링 위젯 설계Memory 카테고리별 누적 저장 현황과 이상 급증 감지 임계치 로직을 결합한 모니터링 위젯을 구현합니다.
Overview
프로젝트 개요
MVP 이후 다수 상담사·운영자가 함께 다루는 통합 운영 플랫폼을 대비해, 회원·다중 프로필 현황, 상담 세션 통계, Memory 저장 모니터링, 구독·결제 현황을 한 화면에서 관리하는 웹 어드민 콘솔을 React와 Supabase 기반으로 설계·구현합니다. Redis 캐시와 집계 뷰를 더해 다수 운영자가 동시에 지표를 조회할 수 있는 구조로 확장합니다.
요구사항 정의
프로젝트 핵심 과제
프로젝트 진행 시 해결한 핵심 기술 과제입니다.
다수 운영자가 동시에 조회하는 집계 대시보드에서 캐시와 실제 DB 데이터 간 정합성을 유지하는 무효화 전략 설계가 필요합니다
상담가 3종·Memory 카테고리 등 다차원 통계를 하나의 모니터링 화면에 과부하 없이 시각화하는 위젯 설계가 필요합니다
iOS·Android 인앱 결제 검증 실패와 환불 이벤트를 안정적으로 수신·반영하는 웹훅 처리 구조 설계가 필요합니다
회원 정지·등급 변경 등 민감한 관리자 액션에 대한 권한 검증과 감사 로그 정합성 유지 설계가 필요합니다
구현 내용
핵심 기능 상세
핵심 기능 1
통합 운영 대시보드
회원·구독·상담 세션 현황을 한눈에 보여주는 운영 대시보드를 구현합니다. 핵심 KPI 카드와 추이 차트로 서비스 운영 지표를 시각화하는 구조를 설계합니다
핵심 기능 2
회원 & 다중 프로필 관리 콘솔
회원 목록과 각 회원이 등록한 다중 프로필 현황, 계정 상태를 조회·관리하는 콘솔 화면을 구현합니다. 탭 기반 데이터 테이블로 회원 등급·프로필 수·최근 상담일을 함께 조회하는 구조를 설계합니다
핵심 기능 3
상담 통계 & Memory 모니터링
상담가별 이용 현황과 Memory 저장 추이를 함께 모니터링하는 화면을 구현합니다. 상담가 3종별 세션 수 비교 차트와 Memory 카테고리별 누적 현황 위젯을 설계합니다
핵심 기능 4
구독 & 결제 현황 관리
구독 등급별 현황과 결제 이력, 인앱 결제 연동 상태를 추적하는 관리 화면을 구현합니다. 무료/Premium 등급 분포와 결제 실패·환불 이력을 함께 조회하는 구조를 설계합니다
구현 과정
프로젝트 진행 단계
STEP 1
운영 지표 데이터 모델 및 집계 설계
회원·상담·구독 지표를 위한 Materialized View와 감사 로그 테이블을 Supabase PostgreSQL에 설계합니다.
STEP 2
관리자 콘솔 API 확장
회원 관리·상담 통계·구독 현황 조회 API를 Supabase Edge Functions 기반으로 확장 구현합니다.
STEP 3
대시보드 & 모니터링 UI 개발
React 기반 KPI 대시보드, 상담 통계, 구독 관리 화면을 구현하고 Recharts로 시각화를 적용합니다.
STEP 4
캐시 인프라 통합 및 통합 테스트
Redis 캐시를 집계 조회에 연동하고 관리자 콘솔 전체 플로우 통합 테스트를 진행합니다.
프로젝트 성과
주요 성과
상담·구독 지표 집계 파이프라인 구축PostgreSQL Materialized View 3개로 일별·주별 상담 세션과 구독 등급 지표를 사전 집계해 대시보드 조회를 최적화하는 구조를 설계합니다.
다중 패인 회원 관리 콘솔 구현회원·프로필·구독 등급을 탭 전환으로 조회하는 콘솔과 일괄 처리 UI, 감사 로그 체계를 구현합니다.
Memory 모니터링 위젯 설계Memory 카테고리별 누적 저장 현황과 이상 급증 감지 임계치 로직을 결합한 모니터링 위젯을 구현합니다.
인앱 결제 검증 로그 통합 구조 구현iOS·Android 결제 검증 로그와 실패·환불 이력을 하나의 테이블로 통합 조회하는 구조를 설계합니다.
Highlights
기술적 주안점
- 회원·상담·구독 3대 지표를 하나의 대시보드로 통합해 운영자가 서비스 상태를 한 화면에서 파악할 수 있는 구조를 구현합니다
- 회원·프로필·구독 등급을 탭 전환만으로 하나의 콘솔에서 조회·관리할 수 있는 다중 패인 구조를 구현합니다
- 상담가별 세션 통계와 Memory 카테고리 분포를 하나의 모니터링 그리드로 통합해 상담 품질과 개인화 데이터 축적 현황을 가시화하는 구조를 구현합니다
