Project Overview

Project Issue

2000만 명 이상이 선택한 직방. 아파트, 원룸, 투룸, 빌라 기존 메뉴에 이어 비즈니스 모델 확장을 위한 신축 분양 메뉴 오픈이 직방 내부 빅데이터 팀 및 개발팀과 함께 19년 1월 1일까지 긴급하게 필요한 상황이었습니다.
SPA 웹 어플리케이션 개발을 위해 React Native 한 페이지로 웹, 앱 대응이 필요하였고,보안 이슈와 짧은 데드라인의 리스크를 완화하고자 윈드의 주요 멤버가 직방 내부 팀과 함께 협업하여, 더욱더 새롭고 세분화된 부동산 서비스 제공을 위해 MobX 형태로 직방 통합을 구축하였습니다.

Integrate - MobX 형태의 직방 통합으로 변화를 시도하다

부동산 정보 서비스 기업 직방은 MobX형태의 서비스 고도화작업을 진행했습니다.
주요이슈는 직방 API를 이용해서 단일 페이지 어플리케이션(SPA)는 활용한 통합이었습니다.
직방 (웹,앱) 한페이지에서 구현되도록 react native를 활용해서 개발을 하였습니다.

신축분양 정보도 한눈에 볼 수 있도록 메뉴를 신설하다

아파트 분양일정, 아파트분양공고, 입주자모집공고, 청약결과, 경쟁률, 당첨자점까지 서울 아파트 분양 정보부터 전국의 분양 정보를 한눈에 볼 수 있도록 직방팀과 함께 신축분양의 부분 개편을 진행하였습니다.

* 직접 집 내부를 가본 것처럼 생생하게 집안 구석구석을 살펴볼수 있도록 VR을 적용
* 최신 아파트실거래가 조회 내역을 그래프로 쉽게! 거래유형(매매/전월세)별, 면적 유형타입 별, 기간별 실거래 동향과 시세를 한눈에 볼수 있도록 실거래 이지뷰 적용
* 아파트 현장 답사를 통해 직접 모은 단지 정보(단지환경, 교통, 건물상태) 를 상세히 볼수 있도록 현장 투어 적용
* 교통여건, 주변환경, 거주환경, 단지관리까지 직접 살아본 사람들의 솔직한 평가를 볼수 있도록 거주민 리뷰 적용
* 필터를 통해서 거래유형, 면적(공급면적), 준공년도, 세대수, 거주민평가 를 검색할 수 있도록 적용
* 아파트 맵 시세, 변동률(최근~5년), 평당가 에 따른 맵 상태변경 적용

* 변동률에서 로컬 마커가 표시되는 지역 폴리곤이 주변 시세에 따라 색깔표시
* VR 홈투어™, 안심중개사 추천 매물 등으로 현재 보이는 지역의 매물들을 볼 수 있도록 적용

* 맵에서 지하철역, 학교 기준으로 정보들을 보여지도록 적용
* 주변아파트, 최근입주, 시세변동, 평당가로 기준점에 맞게 보여지도록 적용
* 학교(초,중,고) 기준으로 정보 제공
- 초등학교 : 국립, 공립, 사립 인지 알 수 있습니다.
- 중학교 : 특목고( 과학고, 국제고, 외국어고, 자사고로 진학한 학생 수) 진학수를 알 수 있습니다.
- 고등학교 : 서울대 진학수를 알 수 있습니다.

직방은 스타트업계에서 기념비적인 업적을 이룬 클라이언트입니다.
직방팀 내부에서도 다양한 개발을 진행할 수 있었지만,
짧은 일정과 높은 완성도와 리스크 관리를 위해 애자일 기법을 통해 프로젝트를 진행하였고,
윈드에게도 직방팀의 기술력과 리스크 관리, Front-End 파트를 한층 업그레이드할 수 있었던 프로젝트였습니다.

프로젝트를 마치며

  • 담당 개발자님

    React Native 처음해보는 일인만큼 여러가지 어려움 이 있었습니다. 직방 프로젝트로 인해 팀원들과 자료 공유 및 스터디로 한단계 성장한 기분이 들었습니다. 두번의 데드라인 때문에 힘들었지만 원하는 결과물이 나와서 만족합니다.

  • 담당 개발자님

    React-Native라는 새로운 기술을 사용하고 새로운 구조방법론, 새로운 접근방식을 익히게 되는 좋은 계기가 되어 앞으로 새로이 시작할 프로젝트들의 새로운 방향성을 모색하고 바라보는 관점을 넓히는 계기가 되었습니다.

  • 담당 개발자님

    트랜드에 민감한 대형 스타트업회사 답게 최신 트랜드 인 react-native를 사용여 spa를 구축하였습니다. 이에 어플리케이션 내 속도개선 뿐 아니라 하나의 api서버로 "웹", "웹앱", "안드로이드", "IOS" 를 구축 하여 적은 members로 단기간에 강한 performance를 내어 성공적으로 프로젝트를 완수 할 수 있었습니다.

  • 담당 퍼블리셔님

    React와 React Native, RN Web을 이용하여 크로스 플랫폼으로 앱을 배포하는 모던하고 자동화된 환경과 앱 구조가 인상적이었고 기술적인 것뿐만 아니라 저에게 많은 영감을 주는 프로젝트였습니다. 초기에 팀원마다 러닝 커브가 있었으나 협업과 학습, 공유를 통해 빠르게 문제들을 해결하고 마무리를 할 수 있었습니다. 친절히 많은 도움을 주신 직방 개발팀을 비롯한 모든 분께 감사드립니다.

  • 담당 개발자님

    프론트엔드에 집중된 프로젝트라 처음엔 어려움이 많았습니다. 최신기술을 접해볼 기회가 거의 없었는데 이번에 프로젝트를 진행하면서 많은걸 경험하고, 습득하게 되었습니다. 풀스택 개발자로 나아가기 위해 많은 도움을 준 이번 프로젝트가 앞으로도 많이 생각날 것 같습니다!

WIND DESIGN Co., Ltd