플러스프로젝트 배경
1) 예상 리스크 및 대응 계획 - 대용량 회원·예약 데이터의 서버 사이드 필터링과 클라이언트 가상 스크롤을 결합한 관리자 테이블 성능 설계 - 포트원 외부 API 취소와 내부 DB 수강권 복원을 데이터 정합성 손실 없이 처리하는 Try-Confirm 트랜잭션 구현 - Supabase Storage RLS와 Signed URL 만료 정책을 조합한 교재 콘텐츠 접근 제어 보안 아키텍처 - 워드프레스 My
프로젝트 성과
TanStack Table 가상 스크롤 대용량 관리 테이블
서버 사이드 페이지네이션과 가상 스크롤을 결합하여 수천 건 회원 데이터를 메모리 과부하 없이 빠르게 탐색할 수 있는 관리자 테이블 구조를 설계합니다.
Try-Confirm 패턴 포트원 환불 트랜잭션
외부 API 선호출 → 성공 검증 후 DB 커밋 순서로 포트원 환불과 수강권 복원을 처리하여 외부 API 실패 시 DB 상태 오염을 원천 차단하는 결제 취소 구조를 구현합니다.
Supabase Signed URL 기반 교재 접근 제어
RLS와 만료 가능한 Signed URL을 이중 적용하여 수강생이 배정된 교재만 접근하고, URL 유출 시에도 자동 무효화되는 콘텐츠 보안 구조를 설계합니다.
CSV 청크 배치 이관 및 SSE 진행률 스트리밍
500건 단위 청크 INSERT와 중간 커밋으로 오류 시 재이관 범위를 최소화하고, Server-Sent Events로 이관 진행률을 관리자 콘솔에 실시간 전달하는 이관 파이프라인을 구현합니다.
핵심 기능
회원 및 매칭 관리 대시보드
수강생·선생님 전체 회원 목록과 매칭 현황을 관리자가 한 화면에서 모니터링·제어합니다. 선생님별 슬롯 가용률과 수강생 매칭 현황을 그리드 뷰로 시각화합니다
진행 단계
관리자 권한 분리 및 회원·매칭 대시보드 구조 설계
2026.05
관리자 전용 RBAC 미들웨어, TanStack Table 가상 스크롤 회원 목록, 매칭 그리드 2차원 배열 렌더링 설계
프로젝트 상세
1) 포트폴리오 소개 1:1 화상영어 플랫폼의 운영 관리자를 위한 확장 관리 시스템을 React 18 + Node.js + PostgreSQL 스택으로 구현합니다. 수강생·선생님 매칭 관리, 결제 내역 조회·취소, 콘텐츠(교재) 업로드, 알림 발송 이력 관리, 매칭 그리드 뷰까지 플랫폼 운영에 필요한 전체 관리 기능을 SPA 기반 관리자 콘솔로 통합합니다. 2) 작업 범위 - 회원 및 매칭 관리 대시
