옹씌의 쿠키공장연락하기
프로젝트로 돌아가기
소상공인 기프티콘 서비스
소상공인 기프티콘 서비스 갤러리 이미지 1소상공인 기프티콘 서비스 갤러리 이미지 2소상공인 기프티콘 서비스 갤러리 이미지 3

소상공인 기프티콘 서비스

2024.02.26 - 2024.04.05(6주)

Flutter
Dart
MVVM
Import

프로젝트 개요

소상공인도 손쉽게 기프티콘을 발행·판매할 수 있도록 돕는 서비스입니다.

주요 기능

  • 소상공인 사업장 등록하기
  • 내 사업장 목록 및 기프티콘 발행
  • 아임포트를 활용한 결제 시스템 연동
  • 기프티콘 사용 목록

사용 기술

프론트엔드

Flutter, Dart, MVVM

결제 및 기타

I'mport, Git, Notion, Jira

프로젝트 상세

프로젝트 배경

프렌차이즈 뿐만 아니라, 동네 가게들도 기프티콘을 통해 고객에게 선물하기 좋은 상품을 판매할 수 있으면 좋겠다는 아이디어에서 출발한 프로젝트입니다. 소상공인이 쉽게 기프티콘을 발행하고, 사용자는 간편하게 구매·사용할 수 있는 플랫폼을 목표로 삼았습니다.

개발 과정

프론트엔드로서 다음과 같은 역할을 담당했습니다.

  1. 소상공인의 사업자 확인 및 가게 등록
  2. 가게 상품목록 가게 정보
  3. 아임포트 결제 연동을 위한 프론트엔드 결제 로직 구현
  4. 백엔드 REST API와의 연동 및 오류 처리

주요 도전 과제

  • MVVM패턴을 적용하여 유지보수성과 재사용성 높이기
  • 아임포트 결제 흐름(요청 → 승인 → 검증)을 정확하게 이해하고 구현하는 것

해결책

  • 프론트엔드 팀원들과 MVVM패턴 학습 및 스터디
  • 아임포트 공식 문서를 바탕으로 결제 요청 파라미터와 응답 구조를 상세히 정리
  • 더미 데이터로 프론트 로직을 먼저 검증한 뒤, 백엔드 API와 단계적으로 연동

결과 및 성과

  • 아임포트를 활용한 기프티콘 결제 기능 완전 구현
  • 기프티콘 발행 및 구매
  • 유지보수와 재사용성 높은 코드 작성

배운 점

  • 결제와 같이 민감한 기능에서는 작은 파라미터 차이가 치명적인 오류가 될 수 있다는 점
  • 로그와 공식 문서를 기반으로 한 체계적인 디버깅 방식의 중요성
  • 동료와의 적극적인 커뮤니케이션이 문제 해결 속도와 정확도에 미치는 영향