협동조합 운영 관리 플랫폼

컨설팅·사업 신청 내역을 좌측 리스트에서 선택하면 우측 패널에 신청자 정보, 처리 상태, 담당자 메모가 즉시 표시되는 관리자 화면입니다.

• React Query로 리스트·상세 패널 데이터를 동기화해 리스트 갱신 시 상세 패널도 함께 최신화
• PostgreSQL 인덱스와 커서 페이지네이션으로 신청유형·상태 복합 필터 조회 최적화
• 상태 변경 이력을 별도 로그 테이블에 적재해 처리 과정을 추적할 수 있도록 설계

리스트-상세 패널 간 선택 상태를 URL 쿼리와 동기화하여, 특정 신청 건의 상세 화면을 URL 하나로 공유하고 재접속해도 그대로 복원되는 구조를 구현합니다.

조합소개, 사업소개, 교육과정 등 홈페이지 소개 콘텐츠를 코드 수정 없이 관리자가 직접 등록·수정할 수 있는 CMS 화면입니다.

• 리치 텍스트 에디터로 소개 콘텐츠 섹션별 편집 UI 구현
• AWS S3 presigned URL 업로드로 이미지 파일을 클라이언트에서 스토리지로 직접 전송
• 교육과정 등록 폼에 모집상태(모집중/마감) 토글과 정렬 순서 필드 추가

소개 콘텐츠를 코드 배포 없이 관리자 화면에서 직접 수정할 수 있는 구조로 설계하여, 콘텐츠 변경 요청마다 별도 개발 작업이 필요하지 않도록 합니다.

게시판 글·댓글, Q&A 문의, 회원 계정을 한 화면에서 모니터링하고 신고·삭제·권한 변경을 처리하는 관리 화면입니다.

• 관리자 전용 삭제·정지 API에 역할 기반 접근 제어(RBAC) 미들웨어 적용
• Redis에 최근 신고된 게시글 캐시를 두어 반복 조회 부하를 줄이는 구조 설계
• 회원 활동 이력(게시글수/댓글수/문의수) 집계를 위한 PostgreSQL 뷰 정의

게시판·Q&A·회원 세 도메인의 관리 액션(삭제/정지/답변)을 단일 감사 로그 테이블에 기록하는 구조로 설계하여, 처리 이력을 한 화면에서 추적할 수 있습니다.

신청·게시판·회원 현황을 슬림 상태바로 요약하고, 2차 확장 예정 기능(수강신청·결제·대관예약·AI챗봇) 자리를 준비 슬롯으로 안내하는 화면입니다.

• PostgreSQL 집계 쿼리로 신청건수·게시글수·미답변 문의수를 상태바에 조회
• 2차 확장 기능 카드에 라우트만 예약해두고 실제 화면은 비활성 상태로 렌더링하는 슬롯 패턴 적용
• Recharts로 최근 신청 추이를 라인 차트로 시각화

2차 확장 기능(수강신청/결제/대관예약/AI챗봇)을 실제 구현 없이 슬롯 컴포넌트로 미리 배치하여, 추가 예산이 확정되면 해당 슬롯에 기능을 바로 연결할 수 있는 확장 구조를 설계합니다.