사용자 - 메인 화면(서울특별시)

사용자 - 청약 화면

사용자 - 확장된 내 사유지와 다른 회원의 사유지

관리자 - 편집 화면

행정 구역 탐색

분양지 탐색

🛠️ 사용 기술 및 라이브러리

• Front-End
  • Javascript Google Maps API
  • Rutile.js(본인 제작)
  • Bootstrap
• Back-End
  • Spring Boot
  • MySQL
  • Mybatis

🗺️ 담당한 기능(Full-Stack)

UI

• Google Maps 폴리곤으로 행정 구역 및 랜드셀 표기
• Google Maps 마커로 랜드마크 소유자 표기
• Rutile.js로 컴포넌트 단위 UI 개발

청약 시스템

• 청약 시스템의 비지니스 로직 개발
• 셀 확장을 위한 달팽이 알고리즘 적용

DB

• Node.js를 활용하여 대한민국 행정구역 좌표계인 EPSG:5179에서 Google Maps에서 활용 가능한 WGS84로 변경 후 행정 구역별로 좌표 데이터 저장
• 170만 개 이상의 셀 데이터를 빠르게 검색하기 위한 인덱스 설정 및 DML 작성