대리입찰 톡 (Proxy Bidding Talk)
부동산 경매 입찰의뢰인과 매수신청대리인·법무사를 연결하는 중개 플랫폼입니다.
🎯 프로젝트 개요
대리입찰 톡은 부동산 경매 입찰 시 거리·시간 제약으로 어려움을 겪는 분들을 위해, 전국의 전문가(매수신청대리인·법무사)와 간편하게 매칭해주는 서비스입니다.
주요 특징
- 3분 완성 – 사건 조회 → 정보 입력 → 전자계약 → 결제
- 전국 커버 – 서울부터 제주까지 16개 시·도 전문가 매칭
- 투명한 수수료 – 매수신청대리인 70,000원 / 법무사 100,000원 (VAT 포함)
- 안전 보장 – 보증금 최대 5억 원 배상책임보험
- 즉시 정산 – 베타 기간 입찰 완료 익일 즉시 입금 (전문가 대상)
📂 파일 구조
대리입찰-톡/
├─ index.html # 메인 SPA 파일 (62 KB)
├─ css/
│ ├─ style.css # 기본 스타일 (27.6 KB)
│ └─ additional.css # 추가 스타일 (베타 배너, 전문가 카드 등)
├─ js/
│ ├─ main.js # 메인 로직 (31 KB)
│ └─ admin.js # 관리자 대시보드 (13 KB)
├─ README.md # 프로젝트 문서
├─ DEPLOY.md # 배포 가이드
├─ CNAME # 커스텀 도메인 설정
└─ .gitignore # Git 제외 파일
🚀 주요 기능
1️⃣ 일반 사용자 (입찰 신청자)
STEP 1: 사건 조회
- 16개 시·도, 70+ 법원 드롭다운 선택
- 사건번호·물건번호 입력
- 대법원 경매 사이트 직접 링크 (https://www.courtauction.go.kr)
- 조회 결과: 사건정보, 감정가, 최저입찰가, 입찰보증금 표시
대리인 유형 선택
- 💰 매수신청대리인 (70,000원)
- 저렴한 수수료
- 주민센터 방문 필요 (인감증명서)
- 서류 우편 제출
- 2~3일 소요
- ⚖️ 법무사 (100,000원) [추천]
- 온라인 간편 처리
- 주민센터·인감 불필요
- 전자서명만 (3분)
- 10분 완료
STEP 2: 입찰 정보 작성
- 입찰가 입력 (콤마 자동 포맷)
- 보증금 자동 계산 (10%)
- 신청자 정보 (이름, 계좌, 주민번호 마스킹)
- 주소 검색 (Daum 우편번호 API)
- 휴대폰 인증 버튼
- 약관 동의 체크
- 자동 저장 (LocalStorage)
STEP 3: 전자 계약
- 위임계약서 온라인 표시
- HTML5 Canvas 서명
- 서명 완료 → PNG 이미지 저장
- 계약 내용 자동 입력 (당사자, 사건, 수수료)
STEP 4: 수수료 결제
- 선택한 대리인 유형에 따라 금액 표시 (70,000원 / 100,000원)
- 서비스 포함 내역
- 유의사항·환불 규정
- 포인트 사용 (준비 중)
- 결제 완료 → 신청 데이터 DB 저장
뒤로 가기
- STEP 2 ↔ STEP 3 자유 이동
- 입력 데이터 유지 (자동 저장/로드)
2️⃣ 전문가 (매수신청대리인·법무사)
전문가 신청 페이지
- 상단 네비게이션 “전문가 신청” 버튼 (골드 색상)
- 기본 정보
- 전문가 구분 (라디오): 매수신청대리인 / 법무사
- 성명·자격증 번호·연락처·이메일
- 사무실 주소 (Daum 우편번호 API)
- 활동 지역 (전국 16개 시·도 다중 선택)
- 서류 업로드 (자격증·보험증 파일)
- 희망 수수료 입력
- 카카오톡 알림 수신 번호
- 소개글 (Textarea)
- 약관 동의 체크
- 신청 완료 → DB 저장 (experts 테이블)
전문가 대시보드 (향후 개발 예정)
- 고유 링크로 접속 (예:
/expert/EXP001)
- 배정된 입찰 건 조회
- 입찰 결과 입력 (낙찰/유찰)
- 정산 내역 확인
3️⃣ 관리자 (Admin Dashboard)
접근 방법
대리입찰 신청 관리 탭
- 실시간 신청 목록
- 신청일시, 신청자, 연락처, 사건번호, 법원, 입찰가, 상태
- 상세보기 버튼 → 팝업으로 전체 정보 표시
- 신청 정보, 경매 정보, 입찰 정보, 전문가 정보, 처리 상태
- 엑셀 다운로드 버튼
- 전체 신청 내역 CSV 파일 생성
- UTF-8 BOM 포함 (한글 깨짐 방지)
- 상태 관리 (접수·매칭중·입찰완료·낙찰·유찰·취소)
전문가 관리 탭
- 승인 대기 목록
- 신청일시, 성명, 구분, 자격증번호, 연락처, 활동지역
- 승인/거절 버튼
- 승인 → 상태 “승인”으로 변경, 승인일시 기록
- 거절 → 거절 사유 입력 후 상태 “거절”로 변경
- 엑셀 다운로드 버튼
🗄️ 데이터베이스 스키마
applications (대리입찰 신청)
| 필드 | 타입 | 설명 |
|—–|——|——|
| id | text | 신청 고유 ID |
| applicant_name | text | 신청자 이름 |
| phone | text | 연락처 |
| email | text | 이메일 |
| region | text | 지역 |
| court | text | 법원 |
| case_number | text | 사건번호 |
| property_number | text | 물건번호 |
| bid_amount | number | 입찰가 |
| deposit | number | 보증금 |
| expert_type | text | 전문가 구분 (매수신청대리인/법무사) |
| service_fee | number | 수수료 |
| bid_type | text | 입찰 유형 (개인/공동/법인) |
| status | text | 상태 (접수/매칭중/입찰완료/낙찰/유찰/취소) |
| assigned_expert_id | text | 배정된 전문가 ID |
| payment_status | text | 결제 상태 (대기/완료/환불) |
| signature_data | text | 서명 이미지 (base64) |
| created_at | datetime | 신청일시 |
| bid_date | text | 입찰 기일 |
experts (전문가)
| 필드 | 타입 | 설명 |
|—–|——|——|
| id | text | 전문가 고유 ID |
| expert_type | text | 전문가 구분 (매수신청대리인/법무사) |
| name | text | 이름 |
| license_number | text | 자격증 번호 |
| phone | text | 연락처 |
| email | text | 이메일 |
| address | text | 사무실 주소 |
| address_detail | text | 상세 주소 |
| active_regions | text | 활동 지역 (JSON array) |
| service_fee | number | 희망 수수료 |
| kakao_phone | text | 카카오톡 알림 번호 |
| introduction | rich_text | 소개 |
| status | text | 상태 (대기/승인/거절) |
| rating | number | 평균 평점 |
| success_count | number | 입찰 성공 건수 |
| created_at | datetime | 신청일시 |
| approved_at | datetime | 승인일시 |
reviews (리뷰)
| 필드 | 타입 | 설명 |
|—–|——|——|
| id | text | 리뷰 고유 ID |
| application_id | text | 신청 ID (참조) |
| expert_id | text | 전문가 ID (참조) |
| author_name | text | 작성자 이름 |
| rating | number | 평점 (1~5) |
| content | rich_text | 리뷰 내용 |
| created_at | datetime | 작성일시 |
🎨 디자인 & UI
브랜드 컬러
- Primary: #1550E8 (딥 블루)
- Accent: #F5A623 (골드/오렌지)
- Background: #FFFFFF
- Text: #1A1A2E
- Primary Dark: #0D3AB8
- Text Light: #6B7280
반응형 디자인
- Desktop (≥1200px): 4열 그리드, 고정 사이드바
- Tablet (768~1024px): 2열 그리드, 상단 스텝바
- Mobile (<768px): 1열, 햄버거 메뉴, 터치 최적화
폰트
- Noto Sans KR (Google Fonts)
아이콘
🔧 기술 스택
Frontend
- HTML5
- CSS3 (Grid, Flexbox, Animations)
- Vanilla JavaScript (ES6+)
API & 외부 서비스
- RESTful Table API (데이터 저장)
- Daum 우편번호 API (주소 검색)
- Canvas API (전자서명)
데이터 관리
- LocalStorage (폼 데이터 자동 저장)
- Table API (서버 데이터 저장)
📊 샘플 데이터
샘플 전문가 4명
- 김법무 (법무사) – 서울·경기·인천 / 평점 4.8 / 247건
- 이대리 (매수신청대리인) – 경기·서울 / 평점 4.6 / 189건
- 박법률 (법무사) – 부산·경남·울산 / 평점 4.9 / 312건
- 최대리 (매수신청대리인) – 대전·충남·충북 / 승인 대기
샘플 신청 4건
- 홍길동 → 서울중앙지법 / 입찰가 350,000,000원 / 매칭중
- 김철수 → 수원지법 / 입찰가 180,000,000원 / 접수
- 이영희 → 부산지법 / 입찰가 420,000,000원 / 접수 (미배정)
- 박민수 → 서울남부지법 / 입찰가 280,000,000원 / 낙찰
🚀 베타 오픈 (2026.5.1까지)
전문가 대상 혜택
- ✅ 입찰 완료 익일 즉시 입금
- ✅ 플랫폼 수수료 무료 (전액 수령)
- ✅ 선착순 50명 우선 매칭
신청 방법
- 메인 홈에서 “전문가 신청하기 (베타 혜택)” 버튼 클릭
- 필수 정보 입력 및 서류 업로드
- 관리자 승인 후 활동 시작
📱 사용 방법
일반 사용자
- 메인 홈 → “지금 바로 신청하기” 버튼
- STEP 1 → 법원·사건번호 입력 → 조회
- 대리인 선택 (매수신청대리인 70,000원 / 법무사 100,000원)
- STEP 2 → 입찰가·개인정보 입력
- STEP 3 → 전자계약·서명
- STEP 4 → 결제 완료
전문가
- 상단 “전문가 신청” 버튼
- 기본 정보·활동 지역·서류 입력
- 신청 완료 → 관리자 승인 대기
관리자
- 로고 5번 클릭 → 관리자 대시보드
- 신청 관리: 상세보기, 엑셀 다운로드
- 전문가 관리: 승인/거절, 엑셀 다운로드
🔜 향후 개발 계획
즉시 필요 (우선순위 🔴)
- ✅ 도메인 & 호스팅 연결 (가비아 + GitHub Pages)
- 결제 시스템 연동 (토스페이먼츠 API)
- 휴대폰 본인인증 (나이스 평가정보 / KCP)
- 백엔드 서버 구축 (Node.js / Python)
- 데이터베이스 연결 (PostgreSQL / MySQL)
고급 기능 (우선순위 🟠)
- 회원가입 & 로그인 (카카오·네이버 소셜 로그인)
- 고객 마이페이지 (신청 내역, 결제 내역)
- 전문가 마이페이지 (배정 건, 정산 내역)
필수 운영 (우선순위 🟡)
- 관리자 고도화 (통계 대시보드, 상태 변경)
- 자동 매칭 시스템 (지역·평점 기반)
- 카카오톡 알림 (신청 접수, 입찰 당일, 결과 안내)
법적 안정성 (우선순위 🟢)
- 전자계약 법적 효력 확보 (전자서명법 준수)
- 개인정보보호 (개인정보처리방침, 이용약관)
- 보증보험 API 연동 (보험 증권 자동 발급)
마케팅 & 확장 (우선순위 🔵)
- 대법원 경매 API 연동 (실시간 사건 정보)
- 고객센터 (1:1 문의, 카카오톡 상담)
- 리뷰 & 평점 시스템
- SEO & 구글 애널리틱스
- 모바일 앱 (React Native / Flutter)
💰 예상 비용
| 항목 |
월 비용 |
초기 비용 |
| 도메인 (가비아) |
- |
1.5만원/년 |
| 호스팅 (Netlify/Vercel) |
무료 |
- |
| 결제 PG (토스페이먼츠) |
거래액의 3.3% |
- |
| 본인인증 API |
건당 300~500원 |
- |
| 카카오톡 알림 |
건당 8~15원 |
- |
| SSL 인증서 |
무료 |
- |
| 총계 |
5~10만원 |
1.5만원 |
📞 연락처
- 고객센터: 평일 09:00~18:00
- 전화: 02-853-5875
- 이메일: support@daeriipchaltalk.com (예정)
⚖️ 법적 고지
본 플랫폼은 입찰의뢰인과 매수신청대리인·법무사를 연결하는 중개 플랫폼입니다.
- 중개 수수료는 무료이며, 입찰 수수료는 전문가에게 직접 지불됩니다.
- 입찰 대리 업무는 배정된 전문가가 독립적으로 수행하며, 플랫폼은 중개 서비스만 제공합니다.
- 입찰 결과(낙찰·유찰)에 대한 책임은 입찰의뢰인과 전문가 간 계약에 따릅니다.
- 플랫폼은 전문가의 자격·보험 가입 여부를 확인하지만, 입찰 과정에서 발생하는 문제에 대해 직접적인 책임을 지지 않습니다.
- 본 서비스 이용 시 [이용약관] 및 [개인정보처리방침]에 동의한 것으로 간주됩니다.
📝 라이선스
Copyright © 2026 대리입찰 톡. All rights reserved.
🎉 완성된 기능 요약
✅ 메인 페이지 – 히어로, 서비스 소개, 베타 배너, 전문가 프로필, 후기, FAQ, 푸터
✅ 4단계 입찰 신청 – 사건 조회, 대리인 선택, 정보 입력, 전자서명, 결제
✅ 전문가 신청 – 기본 정보, 주소 검색, 지역 선택, 서류 업로드, DB 저장
✅ 관리자 대시보드 – 신청 관리, 전문가 승인/거절, 엑셀 다운로드, 상세보기
✅ 데이터베이스 – applications, experts, reviews 테이블 (Table API)
✅ 반응형 디자인 – Desktop / Tablet / Mobile 최적화
✅ 자동 저장 – LocalStorage 활용, 뒤로가기 데이터 유지
✅ 전자서명 – HTML5 Canvas (PC 마우스, 모바일 터치)
✅ 샘플 데이터 – 전문가 4명, 신청 4건 사전 입력
대리입찰 톡 – 시간도, 거리도 문제없어요! 🚀