Skip to content
@pda-pay

pda-pay

140PAY

증권 담보 간편 결제 서비스
🥇신한투자증권 프로 디지털 아카데미 4기 최우수 수상

서비스링크

https://140pay.site/

팀 소개

강경민김윤경박경진박진아오재현정원우







BE & FEBEFEBE & FEBEBE & FE
BE CTOPLFE CTOQAPSPM

기획

기능소개

고객 클라이언트

  • QR 인식을 통한 간편 결제
  • 결제, 상환, 반대매매 등 알림 보내기
Screen_Recording_20240913_214251_Chrome.mp4

[결제 Flow]

  • 가맹주가 결제할 금액을 입력하고 QR 생성 및 웹소켓 세션 객체 생성
    • QR에 세션 객체의 아이디, 가맹점 코드, 결제할 금액 데이터를 담고 결제 대기
    • 생성된 QR과 세션은 1분의 유효기간을 가지고 있음

  • 고객은 자신의 간편비밀번호를 입력하여 결제 토큰을 발급 받음
    • 발급된 토큰은 Redis에 저장되고, 1분의 유효기간을 가짐
    • QR을 인식할 스캐너 화면으로 전환됨

  • QR의 데이터를 읽고, 발급 받은 토큰과 함께 POST 요청을 보냄
    • 토큰과 transactionId로 유저와 웹소켓 세션을 식별함
    • 결제가 성공적으로 진행되면 토큰을 지우고, 세션을 종료함

  • 고객의 보유증권/담보증권 보여주기
Screen_Recording_20240913_214836_Chrome.1.mp4
  • 보유 증권 담보로 설정하기
  • 담보 주식 반대매매 우선순위 설정
Screen_Recording_20240913_214807_Chrome.mp4
  • 결제 대금 현금, 담보증권 매도 선 상환
Screen_Recording_20240913_214629_Chrome.mp4
  • 결제 한도 변경
Screen_Recording_20240913_214716_Chrome.1.mp4

가맹점 클라이언트

  • 금액 입력을 통한 QR코드 생성하기
Screen_Recording_20240913_214023_Chrome.mp4

어드민 클라이언트

  • 상환, 반대매매 등 발생 시 보여주기
  • 고객의 담보 비율 보여주기 image

사용 기술

140PAY

Infra

EC2S3RDSGithub Action

FrontEnd

TypeScriptReacttailwindcssPWA

BackEnd

SpringBootSpringSecurityElasticCacheMySQLRDS

ETC

GitFigmaNotionSlack

배포환경

FrontEnd

Untitled

Github Action을 사용한 자동 S3 배포 및 Route53, CloudFront

BackEnd

Untitled (1)

Github action, CodeDeploy를 사용해 변경사항이 존재하는 모듈에 대해서만 빌드, 배포
ApiGateWay-Eureka, Payment(결제 모듈), Schedule(상환 관련 모듈), Asset(자산 현황 모듈), Notification(FCM 알림, 어드민 기능 모듈) 존재

MSA Architecture

Untitled (2)

ERD

erd

UI UX

37

38

39

40

Pinned Loading

  1. backendbackendPublic

    Java

Repositories

Showing 4 of 4 repositories

People

This organization has no public members. You must be a member to see who’s a part of this organization.

Top languages

Loading…

Most used topics

Loading…