의료진 콘텐츠 통합 관리 허브

회원·콘텐츠·통계 현황을 비대칭 타일로 한눈에 보여주는 관리자 홈 화면입니다. Bento 그리드 기반 타일 컴포넌트로 KPI, 최근 활동, 퀵 액션을 배치하는 대시보드 구조를 구현합니다.

• CSS Grid의 grid-template-areas로 비대칭 크기 타일 레이아웃 구현
• 위젯별 독립 데이터 페칭 훅으로 타일 단위 로딩/에러 상태 분리
• React Query로 대시보드 요약 데이터를 캐싱하고 백그라운드 리페치 적용

위젯 단위로 데이터 페칭과 로딩 상태를 분리한 비대칭 타일 대시보드를 구현하여 일부 위젯 지연이 전체 화면에 영향을 주지 않는 구조를 설계합니다.

가입 신청 회원의 인증 상태를 조회하고 승인·반려·정지를 처리하는 화면입니다. 대기·승인·반려·정지 상태 전이를 트랜잭션으로 처리하는 상태 머신과 변경 이력 테이블을 구현합니다.

• 다중 선택 후 일괄 승인/반려 시 트랜잭션으로 원자적 처리하는 로직 구현
• 상태 변경 이력을 별도 감사 테이블에 기록하는 audit log 패턴 적용
• 자동 검증 실패 건을 사유별로 자동 분류해 재심사 큐에 노출하는 구조 설계

회원 상태 전이를 상태 머신으로 모델링하고 변경 이력을 감사 테이블에 기록하여 승인 처리 과정을 추적 가능한 구조로 구현합니다.

영상·자료·공지·세미나 일정 콘텐츠를 한 화면에서 업로드하고 관리하는 기능입니다. 콘텐츠 유형별 CRUD API를 통합하고, Redis 캐시로 목록 조회 응답 계층을 구현합니다.

• 콘텐츠 유형(영상/자료/공지/세미나) 공통 CRUD 인터페이스로 관리 화면 통합
• Redis 캐시 계층으로 콘텐츠 목록 조회 응답을 캐싱하고 변경 시 무효화
• 드래그 앤 드롭 파일 업로드 컴포넌트와 업로드 진행률 표시 구현

콘텐츠 유형이 달라도 동일한 CRUD 인터페이스로 관리할 수 있도록 추상화하여 신규 콘텐츠 유형 추가 시 관리 화면 재작성 없이 확장 가능한 구조를 설계합니다.

콘텐츠별 조회·다운로드 추이를 차트로 확인하는 통계 화면입니다. PostgreSQL Materialized View로 일별·주별 지표를 집계하고 Recharts로 시각화하는 구조를 구현합니다.

• PostgreSQL Materialized View 4개로 일별·주별 조회·다운로드 지표 집계
• Recharts 기반 라인·바 차트 조합으로 콘텐츠별 추이 시각화 구현
• 기간 필터와 콘텐츠 유형 필터를 조합한 통계 쿼리 파라미터 설계

Materialized View 기반 집계 파이프라인과 Redis 캐시를 결합하여 통계 화면 조회 시 원본 로그 테이블을 매번 스캔하지 않는 구조를 구현합니다.