← 포트폴리오 목록

의료장비 조달 통합 운영 콘솔

공급업체의 견적 제출과 회사정보 관리, 그리고 회원 승인·카테고리·통계를 총괄하는 관리자 콘솔까지 아우르는 확장 데모를 설계·구현합니다.

비대칭 bento 콘솔 데이터 집계 설계견적 요청/제출 추이와 회원·승인 현황을 하나의 grid에 배치하기 위한 집계 쿼리와 타일별 데이터 구조를 설계합니다
승인 대기열 일괄 처리 트랜잭션 구현다중 회원 승인 요청을 원자적으로 처리하는 일괄 승인 트랜잭션과 상태 변경 이력 구조를 구현합니다
코드 배포 없는 카테고리 관리 구조 구축장비종류·진료과·지역 등 선택 항목을 데이터로 관리해 배포 없이 즉시 반영되는 카테고리 CRUD 구조를 구축합니다
서비스 타입Web
업종헬스케어
기술 스택
ReactTypeScriptTailwind CSSNode.jsExpressPostgreSQLPrismaRedisAWS S3
주요 기능
  • 통계·운영 현황 통합 콘솔
  • 공급업체 견적 제출 및 회사정보 관리
  • 견적 요청 목록 조회 및 필터 (공급업체)
  • 회원 승인 및 카테고리 관리 (관리자)
Overview

프로젝트 개요

범위: 개발, 디자인, 기획

공급업체의 견적 제출과 회사정보 관리, 그리고 회원 승인·카테고리·통계를 총괄하는 관리자 콘솔까지 아우르는 확장 데모를 설계·구현합니다. 병원·개원준비·공급업체 3종 회원의 가입 승인과 전체 견적 현황을 비대칭 bento 타일로 구성된 하나의 운영 콘솔에서 파악할 수 있도록 구성하며, 기획 단계부터 요구사항을 구체적으로 확인하며 진행할 수 있는 화면 구조로 제안합니다.

작업 범위

  • 통계·운영 현황 통합 콘솔: 마스터 관리자가 회원 수, 견적 요청·제출 건수, 승인 대기 현황을 비대칭 타일로 구성된 콘솔 한 화면에서 파악합니다
  • 공급업체 견적 제출 및 회사정보 관리: 공급업체 담당자가 자사 회사정보와 취급 품목을 등록·수정하고, 사업자등록증 파일을 업로드하며, 매칭된 견적 요청 건별로 견적을 작성해 제출합니다
  • 견적 요청 목록 조회 및 필터 (공급업체): 공급업체 담당자가 장비종류·진료과·지역·도입시기 조건으로 등록된 견적 요청을 필터링해 자사가 대응 가능한 건을 빠르게 찾습니다
  • 회원 승인 및 카테고리 관리 (관리자): 마스터 관리자가 병원·개원준비·공급업체 회원의 가입 신청을 검토해 승인·정지·해지 처리하고, 장비 종류·진료과·지역 등 선택 항목 카테고리를 등록·수정합니다

주요 업무

  • 통계·운영 현황 통합 콘솔 화면: 큰 포커스 차트 타일(견적 요청/제출 추이)과 작은 메트릭 타일(회원 수·승인대기), 하단 위젯(카테고리 분포)을 grid로 배치하는 bento 구조를 구현합니다
  • 공급업체 견적 제출 및 회사정보 관리 화면: 회사정보 등록 폼과 사업자등록증 업로드 UI를 구현하고(자동 진위 검증은 범위 외), 견적 요청 건별 작성 폼을 구현합니다
  • 견적 요청 목록 조회 및 필터 (공급업체) 화면: 다중 조건 필터와 정렬 옵션을 가진 목록 화면을 구현하고, 이미 견적을 제출한 건은 상태 배지로 구분합니다
  • 회원 승인 및 카테고리 관리 (관리자) 화면: 회원 승인 대기열과 계정 상태 변경 이력을 관리하는 화면, 카테고리 CRUD 화면을 구현합니다
의료장비 조달 통합 운영 콘솔
요구사항 정의

프로젝트 핵심 과제

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

다수 공급업체의 회사정보·품목 데이터가 누적되며 검색 성능이 저하될 수 있는 리스크

취급 품목 인덱싱과 페이지네이션 전략으로 대응합니다

회원 승인·정지·해지 등 계정 상태 변경이 잦아 이력 추적이 어려워질 수 있는 리스크

상태 변경마다 사유를 기록하는 감사 로그 테이블로 대응합니다

카테고리 항목 변경이 기존에 등록된 견적 요청 데이터와 불일치를 일으킬 수 있는 리스크

카테고리 삭제 대신 비활성화 처리하는 소프트 삭제 구조로 대응합니다

bento grid 콘솔에서 성격이 다른 데이터를 동시에 집계할 때 조회 성능이 저하될 수 있는 리스크

Materialized View 기반 사전 집계로 대응합니다

구현 내용

핵심 기능 상세

핵심 기능 1

통계·운영 현황 통합 콘솔

마스터 관리자가 회원 수, 견적 요청·제출 건수, 승인 대기 현황을 비대칭 타일로 구성된 콘솔 한 화면에서 파악합니다.

  • PostgreSQL 집계 쿼리로 일별 견적 요청/제출 추이를 계산해 대형 포커스 타일의 추이 차트에 반영합니다
  • CSS Grid의 grid-column/row span으로 타일 크기를 변주해 큰 피처 타일과 메트릭 타일을 비대칭 배치합니다
  • Recharts 기반 도넛·바 차트를 하단 위젯 타일에 배치해 카테고리별 분포를 시각화합니다

견적 요청/제출 추이와 회원·승인 현황을 비대칭 grid 타일로 배치한 통합 콘솔을 구현해, 서로 다른 성격의 운영 지표를 한 화면에서 파악할 수 있도록 설계합니다.

통계·운영 현황 통합 콘솔
통계·운영 현황 통합 콘솔 실제 화면
핵심 기능 2

공급업체 견적 제출 및 회사정보 관리

공급업체 담당자가 자사 회사정보와 취급 품목을 등록·수정하고, 사업자등록증 파일을 업로드하며, 매칭된 견적 요청 건별로 견적을 작성해 제출합니다.

  • Multer와 AWS S3로 사업자등록증 파일을 업로드하고 미리보기를 제공하는 업로드 UI를 구현합니다(자동 진위 검증은 범위 외)
  • 취급 품목 태그 입력과 회사정보 수정 폼을 하나의 화면에서 관리하는 구조를 구현합니다
  • 견적 요청 건별 작성 폼에 항목별 임시저장과 제출 전 최종 확인 단계를 구현합니다

회사정보·품목 관리와 사업자등록증 업로드 UI, 건별 견적 작성 흐름을 하나의 화면으로 통합해 공급업체가 반복 작업 없이 견적을 제출할 수 있는 구조를 구현합니다.

공급업체 견적 제출 및 회사정보 관리
공급업체 견적 제출 및 회사정보 관리 실제 화면
핵심 기능 3

견적 요청 목록 조회 및 필터 (공급업체)

공급업체 담당자가 장비종류·진료과·지역·도입시기 조건으로 등록된 견적 요청을 필터링해 자사가 대응 가능한 건을 빠르게 찾습니다.

  • 장비종류·진료과·지역·도입시기 다중 조건을 조합하는 필터 쿼리를 인덱스 기반으로 구현합니다
  • 이미 견적을 제출한 요청 건에 상태 배지를 표시해 중복 작성을 방지하는 구조를 구현합니다
  • 무한 스크롤 방식의 목록 렌더링으로 대량의 견적 요청도 부드럽게 탐색할 수 있도록 구현합니다

다중 조건 필터와 제출 상태 배지를 결합한 견적 요청 목록을 구현해, 공급업체가 자사에 맞는 요청 건을 빠르게 선별할 수 있는 구조를 설계합니다.

견적 요청 목록 조회 및 필터 (공급업체)
견적 요청 목록 조회 및 필터 (공급업체) 실제 화면
핵심 기능 4

회원 승인 및 카테고리 관리 (관리자)

마스터 관리자가 병원·개원준비·공급업체 회원의 가입 신청을 검토해 승인·정지·해지 처리하고, 장비 종류·진료과·지역 등 선택 항목 카테고리를 등록·수정합니다.

  • 회원 승인 대기열을 상태별(대기/승인/반려)로 구분하고 일괄 승인 처리를 트랜잭션으로 구현합니다
  • 카테고리(장비종류·진료과·지역·도입시기) CRUD 화면을 구현해 코드 배포 없이 선택 항목을 관리할 수 있도록 설계합니다
  • 계정 정지·해지 처리 시 사유 기록과 상태 변경 이력을 남기는 감사 로그 구조를 구현합니다

회원 승인 큐와 카테고리 관리를 하나의 관리자 화면으로 통합해, 반복되는 승인·항목 관리 업무를 코드 변경 없이 처리할 수 있는 구조를 구현합니다.

회원 승인 및 카테고리 관리 (관리자)
회원 승인 및 카테고리 관리 (관리자) 실제 화면
구현 과정

프로젝트 진행 단계

STEP 1

운영 콘솔 데이터 모델 및 집계 설계 · 2026.09

회원·견적·카테고리 통계를 위한 집계 테이블과 bento 타일별 조회 쿼리를 설계합니다

STEP 2

공급업체 오피스 API 개발 · 2026.09

회사정보·품목·사업자등록증 업로드, 견적 제출 API를 Express 기반으로 구현합니다

STEP 3

관리자 승인·카테고리 콘솔 UI 개발 · 2026.09

회원 승인 큐와 카테고리 CRUD, bento 통계 타일을 React 기반으로 구현합니다

STEP 4

통합 테스트 및 권한 검증 · 2026.09

관리자 권한 분리와 승인 트랜잭션, 통계 집계 정확성을 검증하는 테스트를 진행합니다

프로젝트 성과

주요 성과

비대칭 bento 콘솔 데이터 집계 설계견적 요청/제출 추이와 회원·승인 현황을 하나의 grid에 배치하기 위한 집계 쿼리와 타일별 데이터 구조를 설계합니다
승인 대기열 일괄 처리 트랜잭션 구현다중 회원 승인 요청을 원자적으로 처리하는 일괄 승인 트랜잭션과 상태 변경 이력 구조를 구현합니다
코드 배포 없는 카테고리 관리 구조 구축장비종류·진료과·지역 등 선택 항목을 데이터로 관리해 배포 없이 즉시 반영되는 카테고리 CRUD 구조를 구축합니다
사업자등록증 업로드·저장 구조 설계AWS S3 기반 파일 업로드와 미리보기를 구현해 공급업체 증빙 자료를 안전하게 저장하는 구조를 설계합니다
Highlights

기술적 주안점

  • 견적 요청/제출 추이와 회원·승인 현황을 비대칭 grid 타일로 배치한 통합 콘솔을 구현해, 서로 다른 성격의 운영 지표를 한 화면에서 파악할 수 있도록 설계합니다
  • 회사정보·품목 관리와 사업자등록증 업로드 UI, 건별 견적 작성 흐름을 하나의 화면으로 통합해 공급업체가 반복 작업 없이 견적을 제출할 수 있는 구조를 구현합니다
  • 다중 조건 필터와 제출 상태 배지를 결합한 견적 요청 목록을 구현해, 공급업체가 자사에 맞는 요청 건을 빠르게 선별할 수 있는 구조를 설계합니다

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

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

무료 상담 시작하기