올리브영 앱, 바코드 스캔 기능 5296% 향상!

올리브영 앱의 바코드 스캔 성능 개선을 위해 iOS Vision Framework 및 Android MLKit 도입

핀치 줌 기능 추가, 반사광 및 작은 바코드 문제 해결, 인식률 대폭 향상

APP뿐페스티벌 기간 동안 스캐너 사용량 5296% 증가, 크래시 없는 안정성 확보

iOS: Vision Framework를 활용한 바코드 인식

AVCaptureSession을 활용한 기존 방식에서 벗어나 Vision Framework를 도입했다. 구체적으로 VNDetectBarcodesRequest를 사용하여 바코드 인식을 수행하고, VNBarcodeObservation으로 인식 결과를 처리한다. 따라서 바코드 인식 정확도를 높이고, 다양한 환경에 유연하게 대응할 수 있게 되었다.

Android: CameraX + MLKit 기반 스캐너 구현

기존 ZXing 라이브러리 대신 CameraX와 MLKit을 활용하여 스캐너를 구현했다. MLKitAnalyzer를 통해 실시간 이미지 분석을 수행하고, BarcodeScannerOptions로 인식할 바코드 형식을 지정한다. 반면, ZXing의 커스텀 제약에서 벗어나 UI 디자인을 자유롭게 적용할 수 있게 되었다.

추가 개선 사항: UI/UX 향상

실시간 바코드 인식 결과를 화면에 표시하고, 햅틱 피드백을 추가하여 사용자 경험을 개선했다. 구체적으로 VNImageRectForNormalizedRect를 사용하여 바코드 좌표를 계산하고, QR코드와 바코드 동시 인식 시 우선순위를 적용했다. 따라서 이벤트 참여율을 높이고, 사용자 만족도를 향상시켰다.