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

문제 & 배경: 병원 상세 화면을 웹뷰로 제공하면서 로그인·화면 전환·앱 기능 호출이 필요했고, 안드로이드와 iOS의 뒤로가기 방식과 Safari·WebView의 CSS 지원 차이 때문에 일관된 사용성을 만들기 어려웠습니다.

기술 & 해결책: Android는 JavaScript Interface, iOS는 WKWebView 메시지 핸들러로 웹과 앱 사이에 약속된 메시지를 주고받고, 로그인 완료 이벤트·딥링크·해시와 history 제어·OS별 CSS 설정으로 화면 동작을 조정했습니다.

교훈 & 주의점: 웹뷰는 기기와 운영체제별 실제 환경에서 반드시 검증해야 하며, 인터페이스를 기능별로 정리하고 브라우저 지원 범위가 좁은 Broadcast Channel 같은 기능에는 대체 수단을 함께 준비해야 유지보수가 쉬워집니다.