프론트엔드
병원 상세 웹뷰 통신 및 크로스 브라우징
두줄요약
하이브리드 앱에서 병원 상세 웹뷰의 웹-네이티브 통신 방식을 정리했습니다. 또한 OS별 UX, 크로스 브라우징, 딥링크와 상태 동기화 개선 포인트를 함께 다루었습니다.
핵심 내용
- 병원 상세 웹뷰를 예로 하이브리드 앱에서 웹과 네이티브 간 통신 방식 정리
- 웹→앱은 Android의 JavaScript Interface, iOS의 WKWebView 메시지 핸들러 활용
- 앱→웹은 evaluateJavaScript와 커스텀 이벤트로 로그인 완료 같은 상태 전달
- OS별 UX, 크로스 브라우징, 딥링크, 콜백, Broadcast Channel API 개선 포인트 제시
적용해볼 점
- Android와 iOS의 웹뷰 통신 방식 차이와 제약 분리 설계
- 뒤로가기 제스처, 바텀시트, 입력창 동작 등 OS별 UX 반영
- 브로드캐스트 채널 지원 한계와 대체 수단 검토