디몬스터

TerraClose (미국 부동산)

기술 스택

프로젝트 소개

라이브 투어와 채팅, 가격 제시를 통한 미국 부동산 플랫폼입니다. Vimeo 라이브 스트리밍, Google Maps boundary 이슈 해결, Google Place API 연동 등을 담당했습니다.

상세 내용

미국 부동산 테라클로즈 라이브투어와 채팅 및 가격 제시를 통한 미국 부동산 플랫폼입니다. 해당 앱은 빌드 방법과 릴리즈 방법을 작성하여 고객에게 환경을 맞춰주고 실행 및 테스트 가능하게 코드를 넘겨주었습니다. 배포는 고객측에서 따로 진행 (미국 스토어).

담당 기능 (FrontEnd)

- React Native 사용자 앱 화면 제작 - 실시간 라이브 스트리밍 기능 제작 - Vimeo API 적용 → RN에 적용할 수 있는 API가 존재하지 않아 라이브러리를 통해 구현, RTMPS key를 서버에서 전달받아 스트리밍 해결 - 시청 부분도 RN에서 제공하지 않아 Vimeo URL을 WebView에서 Iframe 호출하여 실시간 스트리밍 시청 구현 - Google Map 연동 - RN 라이브러리에서 휴대폰 boundary 함수를 제공하지 않아 이슈사항 참고 적용 - IOS boundary는 Android와 다르게 나오는 부분 → MinZoom 제어하여 동일하게 수행 - Google Search 호출 후 이동 시 Detail 값 미반환 → Lot/Lng 값과 Width 값으로 함수 제작하여 해결 - Google Place API - ApiManager Class 정의 - API 연결 - Firebase 푸시 - JWT