프론트엔드
WebView 소셜 인증을 RN 브리지로 전환하기
두줄요약
React Native 네이티브 SDK로 소셜 인증을 처리하고, 기존 React/Gate 로그인 흐름은 그대로 재사용하는 브리지 구조를 도입했습니다. WebView 통신은 계약과 재전송, ACK로 안정화하고 실기기 디버깅 가능성도 높였습니다.
핵심 내용
- WebView에서 Google 소셜 로그인이 정책상 차단되어, RN 네이티브 SDK와 기존 React 웹 callback을 연결하는 브리지 구조로 전환
- RN은 Provider 인증과 플랫폼 설정만 담당하고, React/Gate는 회원 확인, SSO, 가입 분기와 세션 관리를 재사용
- 단순 postMessage 대신 typed event map, runtime guard, READY-ACK 재전송, requestId 기반 멱등 처리로 브리지 신뢰성 확보
- 단계별 로그와 민감정보 마스킹으로 실기기 디버깅 가능성을 높이고, 웹·앱 배포 비동기에도 대응
적용해볼 점
- 네이티브와 웹의 책임 경계를 분리해 도메인 로직 중복을 줄이는 구조 검토
- WebView 통신을 문자열 전달이 아닌 계약 기반 프로토콜로 다루는 방식 도입
- 인증처럼 민감한 흐름은 ACK, 재전송, 멱등성, 로그 마스킹을 함께 설계
