House-Connect
간편 룸메이트 찾기 서비스날짜2024.01 ~ 2024.07
역할4인 FE 중 1인
DBPostgreSQL
프로젝트 개요[요약]
집값 상승으로 인해 룸메이트에 대한 수요는 증가하고 있지만, 적절한 매칭 수단이 부족하다는 문제에서 출발한 웹 서비스입니다. 사용자 선호도 기반으로 룸메이트 및 거주 공간을 찾을 수 있는 온라인 매칭 플랫폼을 팀 프로젝트로 진행했습니다.
[팀 구성]
FE 4명 + 디자인 1명 (BaaS, Supabase를 활용하여 전원 FE로 구성)
[주요 작업]
- 프로젝트 초기 기획 주도 및 목업 설계, 핵심 기능 정의
- React Query를 활용한 서버 상태 관리 및 캐싱 최적화 응답 속도 향상
- `useObserver` 커스텀 훅 구현 화면에 보일 때 무한 스크롤 호출로 UX 개선
- Supabase 연동으로 Kakao, Google 소셜 로그인 구현
- 클라이언트 상태 관리에 Recoil 사용
- Atmoic Design Pattern 기반으로 재사용 가능한 컴포넌트 설계 및 적용
- 웹 페이지 전반 제작 (메인, 리스트, 로그인 등 주요 화면 구현)
- 주 1회 스크럼 미팅을 주도하여 개발 진행 상황 점검 및 역할 분배
[성과 및 배운 점]
- 기획부터 UI 설계, 개발, 협업까지 전체 사이클 주도
- 무한 스크롤, 캐싱 등 UX 개선을 위한 기술 적용 경험
- 소셜 로그인, 클라우드 DB 등 실전 서비스 수준 구현 능력 향상
기술 스택프론트엔드백엔드
React.JS
Recoil
React-Query
TailwindCSS
Supabase