WebView

최근에 WebView 위주로 구성된 앱을 구현하면서, 네이티브 앱 구현 위주로 여태 개발을 해왔기에 모르는 부분이 많아 여러 트러블 슈팅을 경험했다. 출시를 앞둔 시점에서 한번 쯤 관련 내용들을 총정리 해보면 좋을 것 같아 글을 작성해보았다.

이번 주에 갑자기 Android 앱의 UI가 깨진다는 문의가 들어왔다. 앱의 UI가 위에 처럼 위아래로 빈 공간이 추가되어 찌부(?)가 되어 보인다는 것이었다. 이러한 문제가 발생한 원인을 무엇인지 파악하고 어떻게 해결하면 되는지 방법을 정리하고자 한다.

'Chucker가 HTTP 트래픽을 보여주듯, WebView 브릿지 통신도 기기에서 바로 확인할 수 있으면 좋겠다'는 생각에서 출발하여 Dari를 개발하게 되었다.

웹뷰 브릿지 디버깅을 위한 라이브러리인 Dari를 배포한 이후, 직접 운영 중인 앱에 적용해보면서 있으면 편리할 것 같은 기능들을 하나씩 추가했다. 이 글에서는 새롭게 추가된 기능들과 그 과정에서 느꼈던 점들을 기록해보려고 한다.