![[비멤버] Flutter → React Native 전환 Web3 핀테크 앱](https://blxpvgsvfakkqmoddjui.supabase.co/storage/v1/object/public/media/projects/mtzl6340-qhh9w-image-1789289606007.webp)
[비멤버] Flutter → React Native 전환 Web3 핀테크 앱
Flutter를 React Native로 전환하며 온디바이스 키 관리·양방향 웹뷰 브릿지·OTA를 구현한 Web3 멤버십·핀테크 앱 (구 DAOPASS 앤티카)
기간2025.10 – 2026.05
역할앱 개발 (React Native 전환 · Flutter 유지보수)
팀 규모6명
사용 스택
- React Native
- Expo
- TypeScript
- TurboRepo
- Web3
- C++
- EAS OTA
- WebView
- FCM
React Native
Expo
TypeScript
TurboRepo
Web3
C++
EAS OTA
WebView
FCM개인정보를 배제한 Web3 기반 멤버십 플랫폼
01. 프로젝트 소개
비멤버(Bemember, 구 DAOPASS 앤티카)는 개인정보가 아닌 사용자의 활동 이력으로 멤버 자격을 증명하는 Web3 기반 멤버십 플랫폼입니다. 블록체인 지갑, QR 멤버십 인증, 포인트 스토어를 담고 있어 금융 수준의 보안과 키 관리가 핵심인 서비스입니다.
저는 기존 Flutter 앱을 React Native로 전환하는 신규 프로젝트 개발을 담당했고, 동시에 레거시 Flutter/Native 앱의 유지보수와 구조 개선을 함께 진행했습니다.
02. 주요 내용
① 🧱 기술 스택 마이그레이션
기존 Flutter 앱을 React Native로 다시 구축하고, Node.js·Next.js와 함께 Turborepo 모노레포로 통합했습니다. 또한 Feature-first · Clean Architecture로 개편해 결합도를 낮추고 테스트 용이성을 확보했습니다.
핵심 작업
- Flutter → React Native + Expo 전환
- Turborepo 기반 모노레포 구성
- Node.js·Next.js와 코드·타입 공유
- Feature-first 레이어 분리
- 결합도 해소 · 유지보수성 향상
- 테스트 용이한 구조 확보
② 🔐 생체 인증 & 금융 화면 보안
금융 데이터를 보호하기 위해 생체 인증과 민감 화면 보호 장치를 적용했습니다.
핵심 작업
- 생체 인증(지문·페이스) 로그인
- 화면 캡처·녹화 방지
- QR 코드 딥링크 인증
③ 🔑 Web3 키 관리 & 트랜잭션 서명
개인키를 서버로 보내지 않고 OS 보안 구역과 C++ 암호화 계층에서 관리하도록 구현했습니다.
핵심 작업
- OS 보안 구역(Secure Enclave·Keystore) 키 저장
- 고성능 C++ 라이브러리 연동 개인키 암호화
- 지갑 관리 · 트랜잭션 서명 · 니모닉 복구
④ ⚡ OTA 업데이트 & 양방향 웹뷰 브릿지
배포 대기 시간과 앱 로딩 대기 시간을 함께 줄였습니다.
핵심 작업
- EAS Update(OTA)로 심사 없이 즉시 업데이트
- 고도화된 양방향 웹뷰 브릿지 시스템 개발
- 백그라운드 웹뷰 처리로 대기 시간 최적화
⑤ 🔔 푸시 알림 & 인터랙션 고도화
FCM과 Notifee를 조합해 알림을 고도화하고 사용성을 다듬었습니다.
핵심 작업
- FCM + Notifee 푸시 알림
- 다국어(i18n) 지원
- 햅틱 · 미디어 컨트롤 적용