혼자살때Living Alone
FEATURE
구해줘 자취템
▸ 자취 필수템 커뮤니티 서비스에서는 자취생들이 실제로 사용해본 생활용품들의 상세한 리뷰와 평가를 공유할 수 있습니다. ▸ 사용자들은 제품의 장단점, 가격 대비 성능, 실제 사용 후기 등을 작성하고 조회할 수 있으며, 다른 사용자들의 리뷰에 댓글을 달거나 '찜하기' 기능을 통해 관심 상품을 저장할 수 있습니다. ▸ 특히 초보 자취생들에게 실질적인 도움이 되는 정보를 제공하는 것을 목표로 합니다.
같이 사 공구템
▸ 자취템 공동구매 서비스를 통해 사용자들은 생활용품을 보다 저렴한 가격에 구매할 수 있습니다. ▸ 공동구매 주최자는 상품 정보, 가격, 공구 기간, 최소 인원 등을 설정하여 공구를 열 수 있습니다. ▸ 참여자들과 실시간 채팅을 통해 소통할 수 있습니다.
랜덤박스 구매
▸ 랜덤박스 상품 결제 서비스는 자취 필수템들을 묶어 패키지로 제공하는 특별한 쇼핑 경험을 제공합니다. ▸ 포트원 결제 시스템을 통해 안전한 결제가 가능하며, 배송 조회와 구매 내역 확인 기능을 제공합니다.
TECH STACK
- # Next.js
- # TypeScript
- # Supabase
- # TanStack Query
- # Zustand
- # Tailwind CSS
TROUBLE SHOOTING
01. 구글 로그인 유지 문제
문제점구글 로그인을 하면 새로고침이 되면서 전역 상태 관리에 유저 정보가 저장되지 않고 넘어가는 문제가 있었습니다. 또한 구글 로그인 유저는 회원가입을 하지 않아 profile 테이블에 유저 정보가 저장 되지 않는 문제가 있었습니다.
해결getUser Promise 함수에 then을 사용하여 응답값이 바로 저장되도록 수정했습니다. 또한 로그인과 동시에 유저 정보가 profile 테이블에 추가 되도록 하였습니다.
02. Supabase Storage Egress 트래픽 초과
문제점Supabase에서 Storage Egress 트래픽이 많이 발생되는 문제가 있었습니다. 데이터 베이스도 많이 차지하지만 이미지가 필수인 우리 사이트에서는 이미지 트래픽 용량이 중요했습니다.
해결이미지 첨부 시 자동으로 이미지를 압축하여 이미지 용량을 1mb 이하로 조정하였으며, 이미지 로더를 설정하여 트래픽을 30%정도 개선할 수 있었습니다.