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

간단 소개

똑닥 앱의 하이브리드 구조에서 웹뷰와 네이티브 앱 간의 통신 방식, 개발 시 고려사항, 그리고 개선 방향을 분석합니다.

AI Summary

웹뷰와 앱의 통신
- JavaScript Interface를 통해 웹에서 안드로이드 앱의 기능 호출
- iOS는 WKUserContentController를 사용하여 메시지 송수신
- 앱에서 웹으로의 통신은 evaluateJavascript 메서드를 통해 커스텀 이벤트 발생
웹뷰 개발 시 고려사항
- userAgent를 활용하여 OS별 UX 차이 반영 (안드로이드 뒤로가기 버튼, iOS 뒤로가기 제스처)
- 크로스 브라우징을 위해 CSS 속성 지원 여부 확인 및 대응 (safari border-radius 버그, textarea auto-zoom, 가상 키보드 숨김 등)
개선 방향
- DeepLink를 활용한 화면 전환 간소화 및 인터페이스 메서드 기능별 분류
- Callback function을 통한 데이터 교환 효율성 증대
- Broadcast Channel API를 이용한 웹뷰 간 컨텍스트 동기화 (제한적인 브라우저 지원으로 인해 라이브러리 활용 고려)