COMATCHING(ver2): 프로젝트 회고

date

Jul 26, 2024

slug

comatching-ver2-review

author

status

Public

프로젝트 회고

프로젝트 기간: 2024.02.15 ~ 2024.05.23

사용한 언어 및 배포 도구: React, Axios, Recoil, Firebase

협업 도구: Notion, Figma, GitHub

프로젝트 기능들

OAuth 2.0 도입: 카카오 로그인을 통해 OAuth 2.0 도입

개인 정보 확인: 본인이 기입한 정보와 남은 포인트, 뽑힐 수 있는 횟수 확인

사용자 수: 메인 페이지에서 총 사용자 수 확인

QR 코드: 본인의 QR코드를 이용해 부스에서 매칭 시 코드 스캔으로 빠른 서비스 진행

관리자 페이지: 금액 및 뽑힐 기회 증가, 매칭 진행 관리

매칭: AI를 활용하여 MBTI, 나이, 연락 빈도, 취향, 같은 과 등을 선택하여 매칭

매칭 결과: 상대방의 기본 정보 제공

결과 조회: 본인이 뽑은 모든 내역 확인 가능

평가하기: 본인이 선택한 조건과 부합하는지 서비스 평가

아키텍처 다이어그램

느낀점, 잘한점, 부족했던점

느낀점

이번 서비스에서는 여러 부족함과 아쉬움이 남았습니다. 관련 지식이 부족해 원하는 대로 개발을 하지 못한 점과 개발이 계획대로 끝나지 않은 점이 아쉬웠습니다. 특히 첫날 서비스가 제대로 진행되지 않아 전액 환불 및 서비스를 롤백하고 다시 고치는 작업이 필요했습니다. 특히 첫날 서비스가 제대로 진행되지 않아 전액 환불 및 서비스를 롤백하고 다시 고치는 작업이 필요했습니다.

이러한 어려움에도 불구하고 많은 발전을 이루었습니다. 카카오 로그인을 통해 더욱 인증된 사용자를 받을 수 있었고, 회원가입할 때 입력받아야 정보가 늘어 지루함을 느끼지 않도록 UI적으로 회원가입 시 채팅 형식으로 정보를 입력 받는 등 여러 가지 효과를 도입하여 사용자 경험을 개선했습니다. 또한 매칭 시 시간이 덜 소요되도록 QR코드를 제공하고, 더 많은 데이터를 확보할 수 있도록 변경했습니다. 또한, 평가하기 기능을 통해 서비스를 평가받았습니다. 우여곡절이 많았지만, 이 프로젝트는 저를 프론트엔드 개발자로서 크게 성장시켜 주었고, 사용자에게 서비스를 제공하는 데 자신감을 얻을 수 있었습니다.

잘한점

OAuth 2.0을 도입하여 토큰 기반 통신을 구현했습니다.

관리자, 유저, 비회원으로 역할을 나누어 페이지 접근 제한을 두었습니다.

QR코드를 제공하여 서비스 이용을 쉽게 했습니다.

평가하기 기능을 통해 AI 성능을 개선하고 문제점을 파악할 수 있었습니다.

채팅 형식의 회원가입, 결과창, 로딩창 등을 활용하여 AI 도입 효과를 극대화했습니다.

전역 상태 관리를 통해 데이터 관리를 효율적으로 했습니다.

부족했던점

이미지가 많아 로딩 시간이 길어졌습니다. 이를 해결하기 위해 노력했으나 완벽히 해결하지 못했습니다. 이 부분에 대해서는 progressive-jpeg나 스켈레톤-ui등 여러가지 사항들을 고려하여 도입할 예정입니다.

서비스에 장애가 생겨 첫날 서비스를 제대로 제공하지 못했습니다.