기능 개발 진행 후 확인하는 도중 Safari에서 요소의 높이가 shifting 되었다가 다시 원하는 형태로 복원되는 fluctuation 문제가 발생했다. 디자인 시스템의 공통 이미지 컴포넌트(ex - ImageComponent)는 외부에서 ratio prop을 받아 내부 <img> 태그에 CSS로 aspect-ratio를 주입하는 구조였다. Chrome/Firefox에서는 정상 동작했으나, Safari에서만 렌더링 도중 레이아웃이 순간적으로 틀어졌다가 복원되는 현상이 발견되었다.

WebView는 네이티브 앱(iOS/Android) 안에 웹 콘텐츠를 렌더링하는 내장 브라우저 컴포넌트다. 사용자 입장에서는 앱처럼 보이지만, 실제로는 HTML/CSS/JavaScript로 만들어진 웹 페이지가 네이티브 껍데기 안에서 동작하고 있다.

types/bridge.ts는 웹과 네이티브가 주고받는 모든 메시지의 형식을 정의한다. 이 파일 하나가 양쪽의 통신 프로토콜 계약이 된다.