⭐ contents ⭐

<aside> 💍 안녕하세요! 투명한 가격으로 웨딩 플래너와 예비 부부를 연결하는 매칭 플랫폼**,** 순수웨딩 팀의 프론트엔드입니다.

해당 문서에서는 작성한 코드와 테스트 결과를 중심으로 컨벤션, 기능 구현, 코드의 재사용성, UI/UX, 성능, 예외처리 등을 어떻게 개선하였는지와 테스트 결과에 대해 설명합니다.

회색 기울임 글씨는 관련 코드 위치와 내용입니다.

</aside>

1️⃣ 코드 컨벤션

API

<aside> ❓ API 구성은 어떻게 되어있나요?

저희 순수웨딩 팀은 기능에 따라 회원(/user), 이메일(/email), 결제(/payments), 포트폴리오(/portfolios), 채팅(/chat), 매칭(/match), 견적서(/quotations), 리뷰(/reviews), 찜하기(/favorites) 의 9개의 카테고리별로 분류하여 API를 구성하였습니다.

</aside>

<aside> ❗ Restful API를 사용했어요

GET, POST, DELETE, PUT 등 적재적소에 알맞는 메서드를 사용하여 서비스의 확장성, 유연성, 독립성을 높였습니다.

</aside>

2️⃣ 기능 구현

탐색

<aside> 📌 커서 기반 페이지네이션(cursor-based pagination)을 사용한 무한 스크롤 구현

저희 순수웨딩의 웨딩플래너 포트폴리오 탐색 페이지에서는 커서 기반 페이지네이션을 사용하여 페이지를 로드할 때 이전 페이지와 중복된 항목이 없도록 보장합니다. 이로써 사용자는 웨딩 플래너 포트폴리오를 둘러보며 일관된 경험을 즐길 수 있습니다. 또한, 커서 기반 페이지네이션은 전통적인 오프셋 기반 페이지네이션에 비해 성능 면에서 우수하며, 사용자가 플래너 포트폴리오를 스크롤할 때 데이터의 일관성을 유지합니다.

</aside>

채팅

<aside> 📌 Realtime datebase를 사용한 채팅 구현

****저희 순수웨딩은 Realtime Database를 통한 채팅 서비스를 구현했습니다. 이를 통해 사용자 간의 실시간 메시지 송수신뿐만 아니라 상대방의 메시지 읽음 처리, 안 읽은 메시지 개수, 채팅방의 최신 순서 정렬, 그리고 채팅방 이미지 전송과 같은 다양한 기능을 제공합니다. 이로써 사용자들은 실시간 채팅을 통해 웨딩 플래너와 원활하게 소통할 수 있으며, 채팅 서비스를 통해 더 나은 사용자 경험을 즐길 수 있습니다.

</aside>

결제