pile·
모바일·부스트브라더스부스트브라더스·

병원 상세 웹뷰 통신 및 크로스 브라우징

문제하이브리드 앱에서 웹뷰와 Android/iOS 네이티브 사이의 양방향 통신 구현 방식이 플랫폼마다 달라 개발 복잡도가 높고, Safari·Android 웹뷰별 크로스 브라우징 버그도 빈번하다.
접근Android는 @JavascriptInterface, iOS는 WKScriptMessageHandler로 웹→앱 통신을 구현하고, 앱→웹은 evaluateJavaScript + CustomEvent 패턴으로 통합한다. iOS border-radius 버그는 isolation: isolate, 자동 줌인은 maximum-scale=1.0, inputMode로 안드로이드 가상 키보드를 제어.
결과OS별 라우팅 전략(hash vs replace)과 크로스 브라우징 패치를 정리, Broadcast Channel API로 웹뷰 간 상태 동기화 방안 제시.
부스트브라더스
부스트브라더스 블로그
원문은 여기서 이어서 읽을 수 있어요
원문 읽기
읽음 (0)
·takedown 요청

이 글과 비슷한

  1. 모바일·토스 SLASH토스 SLASH·

    디자이너가 시안 대신 앱을 만든 이유

    토스 UX 디자이너가 AI를 협력자로 삼아 피그마 시안 대신 실제 SwiftUI 코드로 iOS 앱을 직접 구현한 경험을 다룬다. "데드엔드" 화면(송금·결제 완료 등)을 다음 경험의 시작점으로 전환하는 underlay 컴포넌트를 설계하면서 Metal 셰이더 구현까지 디자이너가 주도했고, 완성된 코드를 개발팀에 전달해 협업 방식 자체를 바꿨다.

    #design-system#ai-coding#ios+2