의료장비 비교견적 매칭 플랫폼

병원 담당자가 자신이 등록한 견적 요청에 제출된 공급업체별 견적을 검색·필터로 좁혀 카드 형태로 한눈에 비교합니다.

• React Query로 견적 목록/필터 상태를 서버 상태로 캐싱해 재검색 시 응답을 빠르게 체감하도록 구현합니다
• 제조사·신품/중고·가격구간 필터 조건을 URL 쿼리 파라미터와 동기화해 검색 결과를 링크로 공유할 수 있는 구조를 구현합니다
• 카드 클릭 시 슬라이드인 퀵뷰 패널로 견적 상세 조건을 렌더링하는 구조를 설계합니다

필터 조건과 URL 상태를 동기화하고 React Query 캐싱을 적용한 검색·비교 카드 그리드를 구현해, 다건의 공급업체 견적을 빠르게 좁혀 비교할 수 있는 화면을 설계합니다.

병원·개원준비 회원이 장비종류·진료과·구매목적·지역·도입시기 등 필수 항목과 예산구간·제조사 등 선택 항목을 입력해 견적 요청을 등록하고, 여러 공급업체의 응찰을 받는 역경매 흐름을 시작합니다.

• 장비종류 선택값에 따라 조건부 문항(사용목적·프로브 등)을 동적으로 추가/제거하는 스키마 기반 폼 렌더링 구조를 구현합니다
• React Hook Form과 Zod로 필수/선택 항목의 유효성 검증 규칙을 항목별로 분리 설계합니다
• 견적 요청 등록 시 대상 공급업체 매칭 조건(장비종류·지역·도입시기)을 기록해 노출 범위를 결정하는 구조를 구현합니다

장비 종류에 따라 문항 구성이 달라지는 스키마 기반 조건부 폼 엔진을 구현해, 초음파 등 특수 장비의 추가 조건까지 하나의 등록 화면에서 처리하는 구조를 설계합니다.

병원(사업자등록번호·요양기관기호), 개원준비 의사(의사면허·전문과목·예정지역·시기), 공급업체(사업자등록번호·증명서 업로드) 각 유형에 맞는 가입 절차와 병원 기본정보·진료과 관리 화면을 제공합니다.

• 유저 타입(병원/개원준비/공급업체)별로 분기되는 회원가입 폼과 검증 스키마를 컴포넌트 단위로 분리 구현합니다
• Tailwind CSS 반응형 브레이크포인트로 375px~1440px 구간에서 동일한 입력 흐름을 유지하는 레이아웃을 설계합니다
• JWT 기반 로그인과 리프레시 토큰으로 자동로그인을 구현하고, 유저 타입별 접근 가능 라우트를 분리합니다

3종 유저 타입의 가입 절차와 병원 정보 관리 화면을 하나의 인증 체계로 통합하면서, 모바일부터 데스크톱까지 동일한 사용성을 유지하는 반응형 구조를 구현합니다.

병원 담당자가 견적 제출 업체에 문의를 등록하고 답변을 확인하며, 새 견적 제출이나 문의 답변이 발생하면 사이트 내 알림과 이메일로 즉시 안내받아 역경매 진행 상황을 놓치지 않습니다.

• 문의 등록·답변 이벤트를 트리거로 사이트 내 알림과 이메일 발송을 함께 처리하는 이벤트 기반 구조를 구현합니다
• Nodemailer 기반 이메일 템플릿과 발송 큐를 분리해 다건 알림 발송 시에도 화면 응답이 지연되지 않도록 설계합니다
• 읽음/안읽음 상태를 가진 알림 센터 UI와 문의 스레드 컴포넌트를 구현합니다

문의·답변·견적 제출 이벤트를 사이트 내 알림과 이메일로 함께 안내하는 통합 알림 구조를 구현해, 역경매 진행 상황을 병원 담당자가 놓치지 않도록 설계합니다.