🏠 이집저집

간편하게 기록하고 똑똑하게 비교하자!

멋쟁이 사자처럼 10주년 해커톤 뚜벅뚜벅(tip-tap) 팀의 <이집저집> 서비스는 대학생들이 처음 자취방을 구할 때 종종 겪는 어려움에 착안하여 기획 및 개발되었습니다. 매물 체크리스트 템플릿 제공, 주변시설 정보, 매물검색 및 필터링 등의 기능을 통해 좋은 방의 기준을 제공해주고, 보다 효율적으로 발품 내역을 기록하게 도와줍니다.

💻 개발 인원 및 기간

🤗 개발 인원

• 기획 및 디자인 1명 @tip-tap/figma
• 프론트엔드 2명 @tip-tap/frontend
• 백엔드 3명 @tip-tap/backend

⏰ 개발 기간

• 2022.06.20 ~ 2022.08.19

🛠 프론트엔드 적용 기술

HTML5 / SCSS / JavaScript / React / Recoil / Axios / Kakao Maps API

🔗 URL

아래 URL에 접속하여 <이집저집> 서비스를 직접 체험해보세요 🙌
https://web-frontend-13082024l70fh50f.gksl1.cloudtype.app/

🎞 데모 영상 및 기능 소개

✅ 체크리스트 생성

• 방문한 매물을 보다 자세하게 체크해볼 수 있는 체크리스트 템플릿을 제공합니다.
• 템플릿을 기반으로 직접 체크리스트를 채워넣거나 공인중개사가 작성해둔 체크리스트를 불러와서 수정할 수 있습니다.

✅ 매물 체크리스트 비교

• [체크리스트] - [리스트로 보기]를 통해 방문한 여러 매물의 체크리스트를 한 눈에 모아서 비교해볼 수 있습니다.
• 기본정보/옵션/세부정보 중 보고싶은 정보만 필터링 해서, 또는 체크리스트 정렬순서를 간편하게 드래그앤드롭으로 바꿔가며 비교해보세요.
• 체크리스트를 클릭하면 상세 수정 페이지로 이동하며 매물을 확정할 수도 있습니다.

✅ 주변 시설 정보 확인

• [체크리스트] - [지도로 보기], [매물검색] - [지도로 보기], 또는 매물 상세페이지에서 자유롭게 주변 시설을 확인할 수 있습니다.
• 지하철, 병원, 약국, 음식점, 카페 등 방을 구할 때 고려해야할 주변 시설 정보를 카테고리별로 필터링하여 조회 가능합니다.
• 마커 마우스오버 시 인포윈도우를 통해 해당 시설의 간단한 정보 또한 확인할 수 있습니다.

✅ 매물 검색 및 관심 매물

• 원하는 조건에 알맞게 등록된 매물을 필터링하여 검색하고 구경해보세요.
• 매물검색 또한 [지도로 보기] 및 [리스트로 보기] 두 가지 뷰를 제공합니다.
• 보다 자세한 매물 정보를 확인하기 위해서는 지도의 마커 혹은 리스트의 세부정보 확인하기 버튼을 클릭해주세요.
• 마음에 드는 매물은 관심 매물로 등록할 수도 있습니다.