올리브영 iOS 하이브리드 앱 개발자모드 구축기

이 게시물은 올리브영 iOS 하이브리드 앱에 개발자모드를 구축한 경험을 공유합니다.

하이브리드 앱 구조와 협업

• 웹 기반 서비스와 네이티브 기능을 연동하는 하이브리드 앱 구조 소개
• FE 개발자와의 협업 및 WKWebView를 통한 데이터 송수신

개발자모드 설계와 기능

• SwiftUI를 활용한 빠르고 유연한 개발자모드 UI 구현
• 플로팅 버튼으로 진입하는 개발자모드와 다양한 디버깅 툴 제공
• URL 편집, 웹 로그 탐색기, 자바스크립트 콘솔 등 웹뷰 관련 기능 제공

로컬 플래그 기반 기능 플래그 관리

• 운영 환경과 개발 환경을 분리한 FlagProvidable 프로토콜 기반 플래그 관리
• 로컬 플래그를 통해 런타임에 기능 플래그 조절 가능, 운영 리스크 차단
• 의존성 주입 컨테이너를 활용한 모듈화 및 추상화 설계 적용

성과 및 성장

• 웹뷰 관련 디버깅 요청 0건 달성
• FE, QA, 앱 개발자 간 불필요한 커뮤니케이션 감소
• 주니어 개발자로서 하이브리드 앱과 SwiftUI 경험, 실용적 설계 경험 획득