홈부터 운영 화면까지 하나의 디자인 체계로 정리한 검수판
JAUCTION · INTEGRATED PRODUCTION MASTER PLAN · 2026.07.28
제이옥션 전체 개편
통합 제작 계획서 완성본
홈과 상세 한 장의 디자인 제안이 아니라, 데이터가 들어오는 순간부터 고객이 검색하고 판단하고 저장하고 상담받는 전체 흐름을 실제 운영 화면으로 전환하는 최종 기준입니다.사진·가격·기일·점유·권리·승인 문서의 목표 화면 검증
공개·회원 BFF는 있으나 승인 계약과 파일 재인가 보강 필요
운영 데이터·실DB·골든셋·SEO 회귀를 통과한 후보만 고객 승격
01 · PRODUCT SCOPE
한 번의 고객 흐름으로 묶는 전체 제작 범위
화면을 개별 납품하지 않고 검색에서 상담까지 같은 사건 식별자, 대표사진, 가격과 기일을 유지합니다.- 01홈
사건번호·주소·법원 검색
- 02검색·기일
조건 비교와 입찰일 탐색
- 03공개 상세
사진·가격·기일로 1차 판단
- 04무료 가입
전체 분석 열람 전환
- 05회원 상세
점유·권리·문서까지 검토
- 06저장·분석
관심·최근·입찰가 계산
- 07상담
사건번호를 유지한 채 신청
| 화면 체계 | 운영 경로 | 첫 화면 우선 정보 | 완성 산출물 | 시안 |
|---|---|---|---|---|
| 홈 | / · /demo | 전용 히어로, 대표검색, 실제 추천물건 | 동일 사건·사진·정보를 합친 뒤 대표값을 한 번만 표시 | 열기 → |
| 검색·결과 | /search · /search/results | 선택조건, 사진, 최저가, 다음 기일 | 필터·카드·표·빈 상태를 공통 체계로 전환 | 열기 → |
| 매각기일 | /calendar | 월·날짜·법원별 매각 일정 | 현재 기일 원장과 상세 회차를 동일 기준으로 연결 | 열기 → |
| 지도검색 | /demo/map-search/** | 현재 영역, 지도 핀, 동기화 목록 | 좌표·권한·모바일 품질 승인 전 데모로 유지 | 열기 → |
| 공개 상세 | /auctions/[id] · 비회원 | 대표사진, 사건, 주소, 가격, 다음 입찰 | 가입 전에도 판단 가능한 최소 정보 제공 | 열기 → |
| 회원 상세 | /auctions/[id] · 로그인 | 고유사진, 매각목록, 기일, 점유, 권리, 문서 | 같은 골격에서 승인 정보만 확장 | 열기 → |
| 로그인·가입 | /login · /join | 회원 혜택, 간결한 인증 폼, 오류 상태 | 공개 상세에서 원래 사건으로 돌아오는 가입 흐름 | 열기 → |
| 회원 작업대 | /mypage/** | 관심, 최근, 알림, 계산 시나리오 | 검토 이력을 다시 찾아 이어서 작업 | 열기 → |
| 경매컨설팅 | /consulting/** | 서비스 범위, 절차, 수수료, 신청 | 상세 사건번호를 유지한 상담 인계 | 열기 → |
| 회사·정책 | /company/** · /legal/** | 운영주체, 위치, 약관, 개인정보방침 | 고객 화면과 같은 셸에서 신뢰 정보 제공 | 열기 → |
| 공식자료·공매 | /courts · /onbid · /resources/links | 목적별 법원·온비드 공고 확인 | 법원경매와 온비드 공매를 명확히 분리 | 열기 → |
| 운영 | /admin/** | 상담, 고객, 품질, 지도 Shadow | 고객 화면과 분리된 처리·감사 체계 유지 | 열기 → |
02 · DATA & APPLICATION ARCHITECTURE
DB를 화면에 직접 노출하지 않는 연결 구조
수집 자료는 정규화·승인·마스킹을 거쳐 공개 또는 회원 표시 모델로 변환하며, 브라우저는 같은 출처 BFF만 사용합니다.법원 사건·물건·기일·문서와 공공 보강자료
canonical 사건·물건·파일·섹션 상태
공개 허용표, 개인정보, 파일 검증
공개 요약·회원 상세·파일 프록시
홈·검색·상세·마이페이지·상담
OPERATION CONNECTION GATE
운영 승격 전 필수 연결 작업
- 로컬 Fixture를 운영 BFF 응답으로 교체하고 동일 표시 모델을 사용합니다.
- 새 상세 레이아웃을 실제 /auctions/[id] 경로에 적용합니다.
- 시안의 승인 플래그와 운영 상세 정규화의 상태 계약을 하나로 맞춰야 합니다.
- 회원 파일은 세션·해시·MIME뿐 아니라 해당 사건의 승인 자료인지 다시 인가해야 합니다.
- 회원 문서 descriptor와 파일 프록시를 지속 가능한 사건별 승인 계약으로 맞춥니다.
- 사진 고유키로 중복을 제거한 목록과 화면 건수를 일치시킵니다.
- 최신 projection migration과 사건·자료 원장을 로컬 D1에 적용해 코드 스키마와 연결 DB를 맞춥니다.
- 운영 데이터·projection·골든셋에 strict render gate 회귀 검사를 적용합니다.
사건·물건법원 사건·물건 정규화 원장
사건번호, 법원, 물건번호, 용도, 소재지, 상태
표시 조건 · canonical 식별자 단일 후보가격·기일감정가·최저가·매각기일 이력
감정가, 최저가, 비율, 보증금, 회차, 결과
표시 조건 · event·round·date·result·minimumBid 고유키와 현재 회차 대조사진승인된 사건 이미지와 대표사진 규칙
공개 대표 1장, 회원 승인 갤러리
표시 조건 · canonical asset ID·SHA-256·pHash 중복 제거와 파일 승인 통과점유·권리현황·임차·등기 정제 결과
마스킹된 점유·임차·권리 순위와 검토 상태
표시 조건 · 사건·접수번호·순위·정규화 행 ID 고유성과 개인정보 제거법원 문서승인된 문서 descriptor와 회원 파일 프록시
매각물건명세서·현황조사서·감정평가서 등 링크
표시 조건 · 사건·허용 문서종류·resource ID·SHA-256 고유성과 파일 승인 통과단지·환경공식 공공데이터와 검증된 비교정보
실거래, 통학구역, 생활권, 토지이용의 구체값
표시 조건 · 구체값과 근거가 연결된 섹션만 렌더링회원 행동로그인 회원 범위의 저장 원장
관심, 최근, 알림, 분석 시나리오, 상담
표시 조건 · 회원별 격리와 동일 출처 사건 식별자연결 성공·사건 귀속 일치·공개 승인·구체값 확인을 모두 통과한 항목만 고객 응답에 포함합니다.
canonical asset ID와 SHA-256으로 같은 파일을 합치고 pHash로 재인코딩된 동일 사진까지 제거한 뒤 대표사진을 한 번만 선출합니다.
가격·기일·사건·권리의 data-fact-key마다 소유 섹션을 하나만 지정하고 요약·FAQ·상담 영역에서 같은 사실을 다시 쓰지 않습니다.
게이트를 통과하지 못한 필드·행·섹션은 BFF response, DOM, 사진·문서·자료 건수에서 모두 제외하고 상태용 placeholder를 만들지 않습니다.
| 화면 | 제이옥션 계약 | 현재 코드 근거 | 운영 승격 전 완료 |
|---|---|---|---|
| 공개 상세 | GET /api/v1/lots/:publicId | 공개 요약 BFF·SSR 경로 존재 | 대표사진과 운영 상세 projection의 동일 사건 검증 |
| 회원 전체상세 | GET /api/v1/member/lots/:publicId | DB-direct/V3 정규화와 회원 패널 구현 | preview 승인 플래그와 운영 정규화 계약 통일 |
| 승인 문서·사진 | GET /api/v1/member/files/:sha256 | 회원 세션·해시 형식·MIME·sandbox 가드 | 요청 파일이 해당 사건의 승인 자료인지 재인가 |
| 기일·검색 | GET /api/v1/sale-events · /api/v1/lots | 검색·기일 same-origin BFF 경로 존재 | 목록·달력·상세가 같은 snapshot과 현재 회차 사용 |
| 회원 작업 | favorites · recent-views · alerts · scenarios | 회원 범위 저장 API와 화면 기반 존재 | canonical 사건 식별자와 상태 변경 요약 일치 |
연결 고정 원칙공개·회원 화면은 내부 저장경로, 테이블명, SHA, 수집 우선순위와 비마스킹 개인정보를 받지 않습니다. 연결·사건 귀속·승인·구체값을 모두 통과한 항목만 렌더링하며 그 외 항목은 고객 response·DOM·건수에서 제외합니다.
03 · FINAL SCREEN BLUEPRINT
홈과 상세를 같은 판단 언어로 제작
홈은 검색 시작을 단순화하고, 상세는 대표사진·가격·기일을 먼저 보여준 뒤 점유·권리·문서로 깊어집니다.HOME검색 시작점
COURT AUCTION · EVIDENCE FIRST
경매물건을 찾는 순간부터
입찰을 결정하기 전까지
사건번호, 주소, 법원명을 입력하세요검색
MEMBER DETAIL입찰 판단 화면
진행중 · 유찰 1회 · 아파트인천지방법원 · 2025타경509481 · 물건 1
인천광역시 서구 청라한울로 95, 302동 13층 1305호
최저매각가격511,700,000원감정가 대비 70%
- 감정평가액
- 731,000,000원
- 입찰보증금
- 51,170,000원
대표사진, 사건, 주소, 상태, 다음 기일
감정가, 최저가, 비율, 보증금
토지·건물 목록, 면적, 이용상태
점유, 임차, 권리, 승인 문서
관심저장, 분석, 상담, 법원 공고 확인
04 · PUBLICATION BOUNDARY
공개·회원·내부·제외 자료를 렌더링 전에 분리
오픈소스 발행과 고객 열람을 전제로, 화면에서 숨기는 수준이 아니라 고객 API 계약부터 제외합니다.| 정보군 | 공개 | 로그인 회원 | 고유키·연결 조건 | 게이트 실패 처리 |
|---|---|---|---|---|
| 사건·법원·물건번호·용도·소재지 | 연결된 대표값 1회 | 연결된 대표값 1회 | canonical case ID + lot number | response·DOM·건수 제외 |
| 감정가·최저가·다음 기일·상태 | 현재 회차 구체값 | 승인된 이력 구체값 | event + round + date + result + minimumBid | response·DOM·건수 제외 |
| 사진 | 대표사진 1장 | 고유사진 갤러리 | canonical asset ID + SHA-256 + pHash | response·DOM·건수 제외 |
| 기일·매각목록·감정 요약 | 연결된 핵심 구체값 | 승인된 구체값 | case ID + section + row ID | response·DOM·건수 제외 |
| 임차·점유·권리 | 마스킹된 구체값 | 마스킹된 승인 구체값 | case ID + receipt·priority·normalized row ID | response·DOM·건수 제외 |
| 법원 문서 | 허용 종류 링크 | 사건별 승인 링크 | case ID + document type + resource ID·SHA-256 | response·DOM·건수 제외 |
| 갱신 로그·DB·경로·SHA·연동상태 | 고객 계약에 포함하지 않음 | 고객 계약에 포함하지 않음 | 운영 감사키로만 처리 | 항상 response·DOM 제외 |
고객 안내 문구
본 페이지는 법원 기록과 연결된 공개자료를 바탕으로 구성되며, 제이옥션은 자료의 완전성·최신성 및 권리·점유 판단을 담보하지 않습니다. 입찰 전 법원 공고, 비치 문서, 등기부와 현장 상태를 확인해 주세요.
05 · EXECUTION ROADMAP
겉모양이 아니라 연결 순서대로 운영 전환
설계 승인본을 기준으로 상세를 먼저 안정화하고 홈·검색·회원 흐름을 확장한 뒤 단계적으로 승격합니다.- P0완료
승인본 동결
화면 범위, 디자인 토큰, 공개 허용표와 상세 정보 순서를 이 문서로 고정합니다.
- P1다음 실행
공통 셸·컴포넌트
헤더, 검색, 카드, 사진, 상태, 표, 검색 결과 0건 화면과 오류 화면을 공통 컴포넌트로 전환합니다.
- P2다음 실행
공개·회원 상세 통합
현재 공개 요약과 회원 전체상세 BFF를 단일 표시 모델로 묶고 새 레이아웃을 실제 /auctions/[id]에 적용합니다.
- P3다음 실행
홈·검색·기일 전환
같은 대표사진·가격·상태 배치로 검색부터 상세 진입까지 이어지게 합니다.
- P4다음 실행
회원 작업 흐름
관심·최근·알림·계산·상담을 사건 상세와 왕복 가능한 작업 흐름으로 연결합니다.
- P5다음 실행
상담·회사·공식자료
사업·정책 화면을 공통 셸로 묶고 공식 공고 확인처와 상담 책임 범위를 명확히 합니다.
- P6후속 실행
Shadow·Canary
실데이터는 관찰 전용부터 시작해 지정 표본, 일부 비율, 전체 순서로 승격합니다.
- P7후속 실행
전체 전환·복구
기존 URL·SEO 신호를 보존해 전환하고 오류 임계치 초과 시 즉시 이전 경로로 복구합니다.
현재 운영 화면 유지
응답만 비교, 고객 응답 제외
지정 사건·일부 트래픽
승인 섹션부터 확장
전체 전환과 모니터링
06 · FINAL ACCEPTANCE
완료는 화면·데이터·권한·운영을 동시에 통과할 때
예쁘게 보이는 것만으로 완료 처리하지 않고 아래 네 묶음을 같은 배포 후보에서 검증합니다.데이터 일치
- 골든셋 20건 공개·회원 핵심값 일치
- 연결·사건 귀속·승인·구체값 strict render gate 전 항목 통과
- 사진 canonical asset ID·SHA-256·pHash 중복 0건
- 기일·권리·임차·문서 고유키 중복 0건
- 단일 사실 소유권 위반 data-fact-key 중복 0건
- 게이트 실패 항목의 response·DOM·건수 포함 0건
공개 경계
- 내부 경로·SHA·DB·provenance 노출 0건
- 비마스킹 개인정보 노출 0건
- 승인 범위 밖 파일 직접 열람 0건
화면 품질
- 360·768·1280px 가로 넘침 0건
- 깨진 대표사진·문서 아이콘·링크 0건
- 금지어 사전 일치 0건
- placeholder·null·빈 문자열 렌더링 0건
- 키보드 초점과 44px 조작 영역 통과
운영 연속성
- 기존 상세 URL canonical·301 회귀
- 404·409·410·5xx 상태별 화면
- Shadow → Canary → Full 복구 절차 확인
STOP & ROLLBACK
아래 조건은 즉시 승격 중단
- 다른 사건의 사진·문서·권리 정보가 연결됨
- 동일 사진 또는 동일 data-fact-key가 한 페이지에 반복됨
- strict render gate를 통과하지 않은 항목이 고객 응답에 포함됨
- 게이트 실패 항목이 DOM 또는 표시 건수에 포함됨
- 금지어 사전 또는 placeholder가 고객 DOM에 나타남
- 중복 제거 전 건수가 사진·문서·자료 건수로 표시됨
- 비공개 파일 또는 개인정보가 고객 응답에 포함됨
- 현재 기일·가격이 기존 검증 원장과 불일치함
- 기존 URL, 회원 저장정보 또는 검색 색인이 끊김
FINAL PRODUCTION HANDOFF