SeoHa Kwon.
Loading
전체 프로젝트

HOWSMUCH

Map-based Real Estate · Web · 허브디앤씨

지도 위에서 매물을 찾는 부동산 웹 서비스입니다. 화면을 이동할 때마다 보이는 영역의 데이터만 불러오는 마커 로딩, 시세 통계 상세, 원하는 역을 기준으로 빠른 경로를 계산해 주는 검색 기능을 개발했습니다.

기간
1개월
팀 구성
개발 2 · 퍼블리셔 1
담당
프론트엔드 · 백엔드약 80% 참여
스택
PHP · CodeIgniterMySQL · Ajax · jQuery

이 서비스 역시 기존 코드를 이어받아 진행했습니다. 지도 위 마커를 보이는 영역 기준으로만 불러오도록 처리해, 매물 수가 늘어도 화면이 무거워지지 않게 만드는 것이 핵심 과제였습니다.

HOWSMUCH — 메인 페이지
01

메인 페이지

하우스봇이라는 챗봇을 두었고, 시·도, 시·군·구, 읍·면·동별 시세를 확인할 수 있습니다.

HOWSMUCH — 지도 페이지
02

지도 페이지

서비스의 핵심 화면입니다. 드래그로 이동하면 마커가 사라졌다가 현재 보고 있는 영역의 데이터를 다시 불러옵니다. 상단에서 전체·아파트·빌라·오피스텔·지번으로 분류해 검색할 수 있습니다.

HOWSMUCH — 시세 상세
03

시세 상세

지도에서 마커를 클릭하면 진입하는 매물 상세 페이지입니다. 여러 차트와 통계, 수치를 한눈에 볼 수 있고 우측에서 호수별 확인도 가능합니다.

HOWSMUCH — 하우스서치
04

하우스서치

역과 원하는 매물의 조건을 입력하면, 해당 역에서 출발하는 빠른 경로를 기준으로 중복을 제거해 매물을 찾아 줍니다.

HOWSMUCH — 임대차 서비스
05

임대차 서비스

부동산 거래에서 중요한 절차와 서류, 자주 생기는 궁금증을 정리한 페이지입니다.

HOWSMUCH — Q&A
06

Q&A

1:1 질문이 가능한 게시판 형태의 문의 페이지입니다.