- Front : HTML, React, CSS-in-JS, TypeScript, Zustandard
- Back-end : 제공된 API 활용
- 버전 및 이슈관리 : Github, Jira
- 협업 툴 : Discord, Notion, Github
- 서비스 배포 환경 :
개발 기간
전체 개발 기간 : 23/12/26 ~ 24/02/19
API 연동 : 24/02/05 ~ 24/02/18
작업 관리
Notion과 Jira를 사용하여 진행 상황을 공유했습니다.
주간회의를 통해 작업 순서와 방향을 정하고 Jira Tool을 통해 전체적인 업무진행을 관리했습니다.
- 서비스 접속 초기화면으로 splash 화면이 잠시 나온 뒤 다음 페이지가 나타납니다.
- SNS(카카오톡) 로그인 기능을 통해 가입이 가능하고 로그인 없이 홈화면으로 이동가능합니다.
초기화면 |
|
- 회원가입에서는 사용자의 정보( 닉네임, 성별, 생년월일 )을 간편하고 빠르게 입력하여 회원가입을 할 수 있습니다.
- 온보딩에서는 주변의 수많은 매물들을 조금 더 사용자에 맞게 필터링 해서 볼 수 있도록 거주지역 / 집 구조 / 거래 유형 등의 키워드들을 간편하고 빠르게 설정할 수 있습니다.
- 홈 화면에서는 검색을 통해 원하는 매물을 찾을 수 있습니다.
- 지도와 리스트 형태로 매물 목록을 빠르게 확인하고, 매물 상제 정보에서는 기본적인 매물 정보와 함께 주변 위치의 매물을 함께 볼 수 있습니다.
- 집 주변 / 집 내부 / 중계·계약 항목에 따라 발품을 파는 현장에서 중요하고 빠르게 체크할 수 있는 '콕리스트'를 제공합니다.
- 콕리스트의 매물 하이라이트 설정과 질문을 수정하고 순서를 변경할 수 있습니다.
- 미리 설정한 핀에 저장된 핀에서 선택한 매물까지의 도보 거리를 보여줍니다.
- 프로필 사진, 닉네임, 주소, 홈 화면에서 이용되는 검색 필터를 수정할 수있습니다.
- 사용자가 최근 본 매물 10개를 순서대로 보여줍니다.