paint-brush
단 4개월 만에 직불카드를 처음부터 만드는 방법~에 의해@danielishigami
1,170 판독값
1,170 판독값

단 4개월 만에 직불카드를 처음부터 만드는 방법

~에 의해 Daniel Ishigami 9m2024/04/25
Read on Terminal Reader

너무 오래; 읽다

단 4개월만에 체크카드 만드는 비법을 처음부터 공개하겠습니다! 복잡한 핀테크 생태계 탐색부터 완벽한 파트너 선정까지, 전략, 도전과제, 아이디어를 짚어보겠습니다. 기술 스택을 살펴보고 API 통합 프로세스를 살펴보고 Java Spring Boot, React, Cloudflare와 같은 도구를 사용하여 비전을 실현한 방법을 살펴보세요.
featured image - 단 4개월 만에 직불카드를 처음부터 만드는 방법
Daniel Ishigami  HackerNoon profile picture
0-item

단 4개월 만에 독특한 직불카드 솔루션 개발에 착수하면서 개념에서 현실로의 야심찬 여정이 펼쳐졌습니다. 이것은 우리가 읽고 싶은 기사입니다!


저는 런던에 거주하는 독학 개발자이자 기업가이자 Fana의 공동 창립자인 Daniel Ishigami입니다. 제 파트너인 Robin Yan과 함께 우리는 일상적인 지출을 자선 활동으로 바꾸는 직불카드를 출시했습니다. Fana는 정기적인 구매를 통해 영향을 미치고 이를 통해 개인, 창작자 및 브랜드가 의미 있는 목적에 자금을 할당할 수 있도록 함으로써 사람들이 관심 있는 원인에 기여하는 방식을 바꾸기 위해 설립되었습니다.


돈을 쓸 때 자신이 식별하지 못하는 원인에 대해 수집 냄비에 기부하거나 검거에 동의하라는 요청을 받는 것이 귀찮은 적이 있습니까?


우리는 긍정적인 영향에 집착하는 세대에 살고 있기 때문에 Fana를 설립했습니다. Y세대, Z세대, A세대는 전체적으로 가장 많이 성장하는 소비자층이며 이들의 지출은 온라인 판매의 60%를 차지합니다. 현재의 자선 및 기부 경험은 이러한 지출 의도나 패턴과 일치하지 않습니다. 우리는 소비자가 가입하고 결제할 수 있는 실제 카드를 만들고 앱 내에서 Fana 자선단체에 기부할 수 있도록 하고, 사용자에게 기부 보상을 다시 제공하는 브랜드에서 쇼핑하여 더 많은 영향력을 창출할 수 있도록 하고 싶었습니다.


이 기사는 초기 개념 단계부터 최종 출시까지 모든 것을 다루면서 직불카드 개발의 복잡성을 처음부터 자세히 설명합니다. 우리는 심사 과정, 평가 프레임워크, 성공의 길을 닦은 전략적 결정에 대한 귀중한 통찰력을 공유할 것입니다. 우리가 직면한 과제와 이를 극복한 방법을 포함하여 개발 주기를 독점적으로 살펴보고 비슷한 여정을 시작하려는 모든 사람에게 포괄적인 가이드를 제공합니다.


이 야심찬 프로젝트의 비전은 소비자이자 기부자로서 제가 개인적으로 경험했던 시장의 격차를 해소하는 것이었습니다. 의미 있는 대의를 지원하고 긍정적인 영향을 미치고 싶어하는 광범위한 개인 커뮤니티가 존재하지만 만족스럽지 못한 인정으로 끝나는 오래된 기부 프로세스로 인해 종종 손실을 입는 경우가 있습니다. 마찬가지로 수많은 브랜드가 사회적 이익에 기여하기를 열망하지만 이러한 칭찬할만한 노력은 종종 눈에 띄지 않고 연례 지속 가능성 보고서의 각주에 묻혀 있습니다. 우리의 목표는 변화를 추구하는 소비자와 브랜드를 원활하게 통합하는 플랫폼의 첫 번째 단계를 개척하는 것이었습니다.



개발 프로세스의 여러 계층을 살펴보고 이를 가능하게 한 도구와 기술을 공유하며 그 과정에서 얻은 교훈에 대해 논의하는 과정에 참여해 보세요. 당신이 신진 기업가이든, 노련한 개발자이든, 아니면 단지 핀테크 혁신에 대해 호기심이 있는 사람이든, 이 기사는 직불카드 제작 과정을 안내합니다.


심사 프로세스: 100조각 퍼즐 임베디드 금융 생태계의 복잡한 환경을 탐색하면서 우리는 거의 100개에 달하는 제공업체가 거주하는 분야에서 원점부터 시작하여 여정을 시작했습니다. 이들 중 다수는 금융에 중요한 단일 작업을 전문적으로 수행합니다. 직불카드 운용. 공개적으로 이용 가능한 정보가 부족하다고 해서 우리가 단념하지는 않았습니다. 대신 우리는 처음부터 시작하여 우리가 연결할 수 있는 생태계의 다양한 플레이어와 연락하고 토론에 참여했습니다(Slack 그룹은 여러분의 친구입니다). 이러한 초기 대화를 통해 임베디드 금융의 복잡함을 점차적으로 이해하고 우리의 비전을 실현하는 데 필요한 필수 구성 요소를 공개했습니다.


  • EMI 라이선스 수혜자 및 BIN 후원자: 금융행위감독청(FCA)의 규제를 받는 주요 업체로서 고객이 예치한 자금을 보관하는 역할을 담당합니다.
  • KYC 및 AML 모니터링: 직불카드와 같은 결제 수단을 발급하려면 고객 온보딩을 위한 강력한 '고객 파악'(KYC) 프로세스가 필요합니다. 또한 규제 표준을 준수하려면 지속적인 자금 세탁 방지(AML) 모니터링이 중요합니다.
  • 결제 처리: 서비스의 원활한 운영을 위해서는 고객의 계좌 및 카드 거래를 처리할 수 있는 제공업체가 필수적입니다. 카드 제조: 실제 카드 발급을 선택하는 경우 허가받은 제조업체가 카드를 생산해야 합니다.
  • 카드 프로그램 관리: 카드 프로그램을 성공적으로 발행하려면 EMV 네트워크 구성원과의 조정이 필요합니다.


발급자의 범위와 해당 기능에 대해 더 자세히 알아보고 싶은 경우 여기( https://docsend.com/view/uia26zpnucyvgxqa )에서 포괄적인 개요를 확인할 수 있습니다.




올바른 파트너를 선택하기 위한 우리의 평가는 다음에 중점을 두었습니다.


  1. 위 구성 요소에 대한 턴키 솔루션 역할을 할 수 있는 능력. 위의 경우 3~4개의 공급자를 통합하면 오버헤드와 출시 시간이 늘어나므로 구성 요소에 대한 일부 제어가 제거되더라도 처음에는 하나의 공급자에 정착하는 것이 합리적입니다.

  2. 기술 문서의 투명성과 샌드박스(“구매 전 시도”)의 가용성은 이제 API 기반에 제품의 핵심 부분을 구축한다는 점을 고려하여 통합을 테스트하고 실험하는 데 필수적이었습니다.

  3. 다양한 상용 시나리오에 대해 3~5년 동안 모델링한 비용을 통해 결정한 비용 효율성 및 확장성입니다. 우리가 선택한 파트너는 경쟁력 있는 가격을 제공할 뿐만 아니라 우리의 성장과 다양한 운영 규모에 적응할 수 있는 확장을 지원하는 가격 모델도 제공해야 했습니다.




  1. 응답성 및 실행 속도. 스타트업으로서 민첩성과 빠른 실행은 매우 중요합니다. 우리는 잠재적 파트너의 반응성과 실행 속도를 평가했습니다. 신속하게 회의를 준비하고, 문의에 응답하고, 프로젝트를 진행하는 공급업체 팀의 능력은 우리의 역동적인 요구 사항에 부합하는지를 보여주는 중요한 지표였습니다.


우리는 위의 모든 기준을 충족했기 때문에 궁극적으로 weavr https://www.weavr.io/ 에 도착했습니다. 그들은 우리의 카드 제품을 제공하기 위해 전체 공급망을 제공했고, 스타트업의 속도를 이해하고 따라갈 수 있었으며, API와의 통합 능력에 대해 충분히 테스트하고 자신감을 얻을 수 있는 샌드박스를 갖고 있었고, 마지막으로 상용 모델을 가지고 있었습니다. 스케일링이 허용됩니다.


계획: 계획 없는 목표는 단지 소망일 뿐이다

위 프로세스와 병행하여 우리는 구축해야 하는 기능의 기초가 되는 기능 맵과 사용자 스토리 세트를 만들었습니다.





이는 디자이너 및 개발자뿐만 아니라 상업적 이해관계자와의 토론의 기초로도 사용될 수 있습니다(miro는 이를 위한 환상적인 도구입니다 https://miro.com/templates/ ). 위의 합의에 따라 사용자 생성, 계정 생성, 카드 생성과 같은 모든 기능에 대해 다이어그램에서 API 시퀀스의 범위를 지정해야 했습니다. 이 시퀀스가 설정되면 제공되는 유용한 컬렉션을 통해 postman(API 테스트 도구)에서 테스트되었습니다. 이 과정에서 모든 오류는 빌드 프로세스 이전에 이미 해결될 수 있습니다. 테스트와 병행하여 API 호출을 위해 준수해야 했던 순서와 함께 간략한 기능 맵 및 사용자 스토리에 대해 디자이너와 논의했고 그는 처음에 팀에서 테스트할 수 있는 Figma의 데모 버전을 구축했습니다. 여기에는 구현 전에 사용자를 대상으로 수행할 수 있는 A/B 테스트가 포함되었습니다. 성공/실패는 완료율과 데모 화면 마지막에 연결한 서체를 통한 검토에 따라 결정되었습니다.


위 작업이 개발자 측에서 수행되는 동안 Apple 및 Google 마켓플레이스를 통한 배포는 종종 게시 일정에 1개월 이상을 쉽게 추가할 수 있는 여러 검토 프로세스가 적용된다는 점을 고려하여 더 빠르게 반복할 수 있는 웹 버전으로 시작하기로 결정했습니다. . 우리는 가능한 한 빨리 제공하고 모바일 릴리스를 확정하기 전에 반복하는 것이 더 낫다고 느꼈습니다.


실행: 실행, 실행, 실행 최종 제품을 제공하기 위해 우리는 다음과 같이 인프라를 설정했습니다.



우리의 백엔드 인스턴트 서비스는 Spring Boot의 강력한 에코시스템, 개발 용이성 및 성능 효율성(스프링 이니셜라이저 https://start.spring.io/를 통해 즉시 사용할 수 있는 수백 가지 유용한 종속성)에 따라 선택되는 Java Spring Boot를 사용하고 있습니다. . 이 마이크로서비스는 원활한 사용자 경험에 중요한 모든 즉각적인 이벤트 기반 작업(예: 가입, 로그인, 세션 관리, 모든 카드 작업)을 처리하는 애플리케이션의 백본입니다. 우리는 특히 모델과 컨트롤러에 초점을 맞춘 MVC(Model-View-Controller) 디자인 패턴의 측면을 사용하지만 우리의 아키텍처는 주로 API 서비스 구축을 위해 설계되었습니다. 이러한 접근 방식을 통해 비즈니스 로직과 요청 처리 프로세스를 효과적으로 분리하여 깔끔하고 유지 관리 가능한 코드 구성을 보장할 수 있습니다.


이는 여러 외부 API, 가장 중요한 내장형 금융 제공업체의 API, 청구용 Stripe 및 즉각적인 알림용 Sendgrid와 같은 기타 중요한 구성 요소를 통합하는 서비스입니다.


백엔드 분산 작업 스케줄러 는 정기적인 작업을 관리하도록 설계된 서비스입니다. 이 구성 요소는 알림, 회계 및 재무 조정은 물론 외부 공급자의 데이터 폴링이 필요한 경우 백그라운드 작업의 신뢰성과 적시성을 보장하는 데 중추적인 역할을 합니다. cron, 수동 및 이벤트 기반 트리거를 포함한 다양한 트리거 유형을 지원하여 작업 실행 방법과 시기에 대한 유연성을 제공합니다.


우리 웹 앱의 프런트 엔드는 모바일 사용자 친화적인 것에 중점을 두고 React로 구축되었습니다. 가능한 한 데스크탑과 모바일 모두에서 멋지게 보이는 즉시 사용 가능한 구성 요소를 사용하여 맞춤형 애니메이션의 필요성을 줄이고 즉시 반응성을 확보할 수 있었습니다.


시스템의 모니터링 및 관찰 가능성을 위해 Prometheus 메트릭을 노출하도록 특별히 설계된 라이브러리와 Spring Boot를 통합했습니다(Prometheus는 원래 SoundCloud에서 구축된 오픈 소스 시스템 모니터링 및 경고 도구 키트입니다). 이 라이브러리는 Grafana에서 모니터링 및 관찰을 위해 사용됩니다. 시각화 목적. 프로덕션 데이터베이스의 읽기 전용 복제본에 연결된 이 설정을 통해 프로덕션 오류 및 버그, 사용자 행동 및 의도한 대로 작동하지 않을 수 있는 사항을 추적하고 전환/퍼널을 추적하는 데 필요한 중요한 통찰력을 얻을 수 있습니다. 이를 통해 필요에 따라 추가 쿼리를 작성하고 시각화할 수 있습니다. Google Analytics와 결합된 이 접근 방식은 모든 시점에서 사용자 상호 작용에 대한 포괄적인 보기를 제공합니다. 또한 자세한 오류 추적을 위해 클라우드 서비스 제공업체의 강력한 로깅 기능을 활용합니다.


이메일 마케팅 플랫폼부터 분석 도구까지 다양한 서비스 클라이언트를 구성하는 데 필수적인 DNS(도메인 이름 시스템)를 관리할 때 우리는 Cloudflare를 사용합니다. Cloudflare는 DNS 관리 시스템 역할을 할 뿐만 아니라 기본 CDN(콘텐츠 전송 네트워크) 역할도 합니다. 이러한 이중 역할은 이미지와 비디오 파일을 포함한 디지털 자산이 전 세계적으로 효율적으로 저장되고 배포되도록 보장하므로 우리 운영에 매우 중요합니다. Cloudflare를 활용하면 웹사이트의 성능과 보안이 강화되어 빠른 로딩 시간과 사이버 위협에 대한 강력한 보호 기능을 제공합니다. 이 설정은 당사 콘텐츠에 대한 원활한 액세스를 유지하고, 최적의 사용자 경험을 촉진하며, 사용자 데이터를 보호함으로써 당사의 포괄적인 온라인 전략을 지원하는 데 중요한 역할을 합니다.


결론 마케팅 전략, 특히 트래픽 생성을 최적화하고 다양한 캠페인의 효과를 평가하기 위한 A/B 테스트와 관련하여 우리는 랜딩 및 마케팅 페이지를 디자인하고 개발하기 위한 기본 도구로 Webflow를 선택했습니다. 이 플랫폼을 통해 우리는 디자인과 콘텐츠를 신속하게 반복할 수 있었고 테스트 결과에 따라 실시간 조정이 가능했습니다. Webflow의 사용자 친화적인 인터페이스와 강력한 기능은 우리 팀이 대상 고객의 참여를 유도하고 마케팅 목표를 달성하는 데 필수적인 시각적으로 매력적이고 성능이 뛰어난 페이지를 만드는 데 도움이 되었습니다.


컨셉부터 독창적인 직불카드 솔루션 출시까지의 여정을 마무리하면서 그 길이 도전적이면서도 보람찼다는 것이 분명해졌습니다. 지난 몇 달 동안 우리는 핀테크 생태계의 복잡성을 탐색하고, 수많은 제공업체와 협력하고, 우리의 비전을 실현하는 데 필요한 구성 요소를 하나로 모았습니다. 초기 심사 프로세스부터 Java Spring Boot, React, Cloudflare와 같은 기술의 전략적 배포에 이르기까지 이 기사에서 공유된 통찰력은 금융 서비스를 내장하려는 모든 사람에게 도움이 되고 그 과정에서 직면했던 몇 가지 장애물을 줄이는 데 도움이 될 것입니다.


우리의 여정을 되돌아보면 중요한 점은 우리와 같은 핀테크 솔루션을 만드는 것이 단순한 기술적인 노력 그 이상이라는 것입니다. 일상적인 거래를 통해 사회에 기여하는 방식을 향상시키려는 사명 중심의 노력입니다. 우리는 앞으로 나아가면서 이러한 기반을 구축하고 지속적으로 제품을 개선하며 작업의 영향력을 확장하게 되어 기쁩니다.


Fana에 대해 자세히 알아보세요: https://www.fanaverse.io/