Backend	역할	담당
임혜지	`팀장`	Jira, Entity 작성, 카드/지도/북마크 api, Redis GeoOperations 활용, QueryDSL 적용
김성재	팀원	Backend 환경 세팅, Infra 구축, 기프티콘 api
Redis Z-Set기반 자동완성, 기타 캐싱 처리
네이버 클로바 OCR 및 챗 GPT 외부 api 연동
김태현	팀원	SpringSecurity적용 JWT 기반 회원 관리 기능 구현, OAuth2 및 SMTP 적용 및 구현

Frontend	역할	담당
김수환	팀원	카드, 기프티콘 전체-상세 조회, 추가, 삭제 , 북마크 조회, 삭제
배희진	팀원	지도, 모빌리티(길찾기) API, 가맹점 혜택 상세 조회 컴포넌트
이의찬	팀원	로그인, 회원가입, 아이디/비밀번호 찾기, 마이페이지 등 회원관리 및 보안

구현 이야기 ← 여기 아래에

김성재

자동완성 구현을 위한 Redis Z-Set 자료구조 이용
- 사용 이유
  - member, score 기준으로 정렬되는 Z-Set 구조의 특성을 이용
  - Score를 모두 동일하게 주어 member 기준으로 정렬이 되게 의도
  - Z-Set 자료구조에 단어들의 집합을 미리 세팅
  - 입력된 word를 기준으로 완성 단어를 찾게 한다.
- 결과
  - 데이터를 응답하는데 평균 20~30ms 소요, 디스크 대비 약 3배 감소
  - Redis의 메모리를 약 50mb 차지, 적절하다고 판단
기프티콘 등록에 OCR, ChatGPT api 연동
- 사용 이유
  - 기프티콘 이미지를 추출하기 위해 OCR 기술이 필요, 네이버 OCR 연동
  - OCR을 통해 받은 이미지 검증 필요, 결과값을 GPT로 보냄
- 결과
  - 기프티콘 이미지 등록 성공, 유의미한 데이터가 아닐 경우 예외 처리
- 한계
  - text를 기반으로 판단하기 때문에, ChatGPT가 유의미하다고 판단하지 않는 경우
    - 올바른 기프티콘임에도 예외를 처리
  - 시간 : 약 7초 소요(결코 짧은 시간이 아님.)

Backend	구현 이야기
임혜지	- 위치 데이터 관리를 위한 Redis의 GeoOperations 활용

사용 이유?
- 전체 데이터를 가져오지 않고, 반경 내의 데이터를 가져오고자 함
- 캐싱 기능과 유사하게 사용하고자 함
- 시간 복잡도를 낮추고자 함 (radius 복잡도 O(N+logM))
결과?
- SimpleJson을 통해 Entity 직렬화한 데이터를 member로 저장 **** - JAVA 자체의 계산을 통한 실행 시간의 15퍼센트까지 단축하는 결과 도출 ``
복잡한 쿼리 생성과 디버깅을 위한 QueryDSL 적용
- 사용 이유?
  - 쿼리에 Parameter를 전달하고자 함
  - DTO로 반환하고자 함
  - 필터 검색 구현을 위해 Where절에서 null을 무시하고자 함
- 개선할 점?
  - 분리된 Repository를 효율적으로 관리할 필요성 있음 | | 김성재 | | | 김태현 | |

Frontend	구현 이야기
김수환	React Query 도입 및 Custom Hook 패턴 활용

React Query를 통해, get, post request 요청 시 받은 데이터를 캐싱 및 로컬에서 사용.
React Query 내 useQuery, useMutation + next.js의 useRouter를 결합한 useCustomQuery, useCustomMutation을 통해 토큰이 유효하지 않은 상황에 효과적으로 대처가능
React Query에서 반환하는 isLoading, isSuccess, isError를 통한 스켈레톤 디자인 처리 및 에러 헨들링 처리 구현

Next.js - Image를 프로젝트 내 100% 도입

기존 img 태그보다 90ms에서 5ms까지 성능 최적화.
또한, Production 환경에서 Image 태그의 최적화에 더 도움이 되기 위해 Sharp 라이브러리 설치 및 적용하여 추가 최적화 고려 | | 배희진 | | | 이의찬 | |

💳 카드 혜택 확인

카드별 혜택을 장소별 혜택으로 전환! 검색을 통해 목적지에 혜택이 있는지 확인 가능!

🙆🏻 사용자 맞춤 혜택 정보 제공 서비스

사용자의 카드 등록을 통한 혜택 확인! 사용자의 기프티콘 등록을 통해 잊지 않고 사용하도록 알림!

🗺️ 지도로 보기

주변에서 받을 수 있는 할인 혜택을 지도로 쉽게! 가고싶은 가맹점이 있다면 지도를 활용해서 장소를 검색!