팀 웹개발
직장인 점심약속 매칭 서비스 프로젝트
HTML, Styled-component, JavaScript, React, Redux
사용했습니다.
위치기반 점심약속 매칭 서비스이기에 맵을 가져와
마킹하는 기능이 필요했고 Kakao지도를 가져와 마킹 해
만나는 장소와 멤버의 베이스 위치를 보기 쉽게
했습니다.
멤버리스트를 로딩 하는데 많은 리스트 목록을 한 번에
불러오다 보니 로딩속도가 느려 리스트를 10개씩 쪼개서
받 고 받은 리스트의 하단에 도달하면 다시 10개를
받아오는 형식인 무한스크롤을 사용해 로딩속도를
줄였습니다.
제안받은 사람이 제안이 왔다는 것을 실시간으로 알 수
있어야 함. 따라서 Socket.io를 사용하여 실시간으로
서버와 통신하여 알림 기능을 구현해 제안받은 즉시
알림을 보이게 했습니다.
사이트의 사용성과 접급성을 높이기 위해 기존 웹사이트의
모든 페이지를 반응형 했습니다.
사용자별 예정된 약속/제안 받은 약속/ 완료 된 약속/
리뷰를 보여주는 마이페이지를 작업했습니다.