메인으로 돌아가기

2024.05 — 2024.09

부동산 관리자 시스템

부동산 매물 등록 과정에서 지도·필지 정보를 연동하는 관리자 기능을 개발했습니다.

Spring Boot · MySQL · JavaScript · 외부 지도 API

PROJECT CONTEXT

부동산 매물을 등록하고 지도와 외부 공간정보를 연동하는 관리자 시스템입니다.

MY PART

  • 매물 등록·계약 정보 처리 및 지도 클릭 위치 연결
  • 주소·PNU 조회 연동
  • 필지 경계 Polygon 표시
  • 선택 필지·면적 데이터를 매물 등록 정보로 연결

공개 범위고객사명, 실제 매물 데이터, 연동 API 식별정보는 제외하고 업무 도메인과 담당 역할 중심으로 기술했습니다.

CASE OVERVIEW

PNU 기준 필지 선택과 외부 공간정보 연동

AS-IS
지도에서 확인한 위치 정보가 그 자체로는 매물 등록 데이터가 되지 않습니다.
DECISION
좌표와 PNU를 기준으로 외부 공간정보를 실제 입력 데이터로 연결했습니다.

AFTER

필지 식별

  1. 지도 클릭
  2. 좌표 획득
  3. 주소·PNU 조회

매물 등록 데이터 구성

  1. PNU 기준 필지 정보
  2. 필지 경계 조회
  3. Polygon 표시
  4. 필지 선택
  5. 면적·공시지가 처리
  6. 매물 등록 데이터

MAP / PROPERTY

PNU 기준 필지 선택과 외부 공간정보 연동

PROBLEM

클릭한 위치를 기준으로 외부 공간정보를 조회하고, 그 결과를 내부 매물 등록 데이터와 연결해야 했습니다.

WHY

지도에서 위치를 선택하는 것만으로는 매물 등록에 필요한 필지 정보와 경계 데이터를 바로 사용할 수 없었습니다.

DECISION

지도에서 선택한 위치를실제 매물 등록 데이터로 연결했습니다.

선택한 위치에서 주소와 필지 정보를 조회하고, PNU를 기준으로 선택 필지를 관리했습니다. 조회한 경계·면적 관련 정보는 지도 표시와 매물 등록에 필요한 데이터로 나눠 사용했습니다.

IMPLEMENTATION

외부 데이터와 매물 등록 데이터 연결

위도·경도
주소·필지 조회 기준
주소·PNU 등 필지 정보
PNU 기준 선택 필지 목록
필지 경계 좌표
지도에 표시할 Polygon
면적 응답값
숫자 변환 및 선택 필지 면적 합계
공시지가 응답값
숫자 변환 및 선택 필지 공시지가 합계

선택 필지 목록의 주소·PNU·면적 정보를 매물 등록용 저장 데이터로 변환했습니다.

필지 경계 표시와 선택 데이터 처리

  • 조회한 필지 경계 좌표를 Polygon 표시용으로 가공하고, 지도 표시 객체와 선택 필지 목록을 분리했습니다.
  • 조회한 PNU를 필지 식별 기준으로 사용해 선택·해제 상태를 관리했습니다.
  • 면적·공시지가 문자열을 숫자로 변환해 선택 목록의 합계 계산에 사용했습니다.

LIVE DEMO

지도에서 필지를 선택해 확인해볼 수 있습니다.

실제 업무 흐름을 공개 가능한 범위에서 재구성한 지도·필지 선택 데모입니다.

실지도 기반 관련지번 선택

지도를 준비하고 있습니다.
선택된 필지 수: 0건대표 주소로 이동한 뒤 지도를 클릭하면 실제 필지 polygon 조회를 시도합니다.
카카오맵을 로드하고 있습니다.

저장 payload 미리보기

[]

VERIFICATION

  • 기존 기록에서 클릭 좌표의 주소·PNU 조회와 필지 경계의 Polygon 표시 흐름을 확인했습니다.
  • 재구성 데모의 검증 기록에는 선택·해제 시 필지 목록, 면적·공시지가 합계, 저장용 데이터 행 수 갱신이 기재되어 있습니다.
  • 기존 기록에서 API 키 누락, 주소·필지 조회 또는 경계 조회 실패 시 상태 메시지를 표시하는 처리를 확인했습니다.

RESULT

외부 공간정보를 단순 조회에 그치지 않고 실제 매물 등록에 사용할 수 있는 데이터 흐름으로 연결했습니다.

WHAT CONNECTED

  1. 지도 위치
  2. PNU
  3. 필지 경계
  4. 선택 필지
  5. 면적·공시지가
  6. 매물 등록 데이터

사용 기술

Java · Spring Boot · MySQL · JavaScript · 지도 API