모바일웹
웹 흐름 속 네이티브 디바이스 연동
네이티브 브리지를 감싼 커스텀 React 래퍼와 견고한 스캔 상태 머신으로, 기본 화면이 실패하던 플랫폼에서 완료율을 높였습니다.
- 기술 스택
- React · React Native bridge · State machines
문제
여러 벤더를 거쳐 하드웨어 칩을 읽는 작업은 매우 다양한 휴대폰과 네트워크 환경에서 완료율이 낮았습니다. 브라우저는 하드웨어와 통신할 수 없어서 모든 것이 네이티브 앱 브리지를 거쳤고, 벤더의 기본 화면은 사용자가 기기를 움직이면 아무 알림 없이 실패했습니다.
접근 방식
- 네이티브 브리지를 감싼 커스텀 React 래퍼로 벤더의 기본 화면을 대체했습니다. 시각적 정렬 가이드, 햅틱 신호, 오류 복구 루프, 자체 브랜딩을 더했습니다.
- 명시적인 비동기 상태 머신(스캔 중, 읽는 중, 검증 중). 연결이 끊기면 자동으로 재시도합니다.
결과
기본 화면이 어려움을 겪던 플랫폼과 시장에서 완료율이 뚜렷하게 올랐고, 출시 후 전체 전환율도 개선됐습니다.