하이브리드 앱에 구축하는 iOS 개발자 모드

올리브영 앱은 많은 서비스가 WebView 기반으로 동작하는 하이브리드 앱 구조를 가지고 있습니다. 이로 인해 발생하는 FE(Front-end)와 iOS 개발자 간의 빈번한 디버깅 요청과 양방향 디버깅의 번거로움을 해결하기 위해 전용 개발자 모드를 구축했습니다.

개발자 모드는 SwiftUI를 사용하여 빠르게 구현되었으며, 앱 실행 중 플로팅 버튼을 통해 진입할 수 있습니다. 주요 기능은 다음과 같습니다.

• WebView Debugger: URL 및 User Agent 수정, 웹 로그(WKScriptMessage, JS 실행 로그) 탐색, 웹 스토리지(Session/Local Storage, Cookie) 확인, 런타임 스크립트 실행 기능을 제공합니다.
• 스택 스크린 로그: 앱의 뷰 계층 구조를 시각화하고 화면별 로그를 그룹화하여 관리합니다.
• 로컬 플래그(Local Flag): 서버 설정 변경 없이 앱 내에서 직접 기능 플래그를 On/Off 하여 테스트할 수 있어, QA 및 개발 프로세스의 비효율을 줄였습니다.

이러한 도구 도입을 통해 디버깅 생산성을 높이고, FE 개발자와의 커뮤니케이션 비용을 획기적으로 단축했습니다.