"이 버튼 왜 안 눌려요?" 물류 현장의 목소리로 PDA 시스템 완성하기

올리브영 물류 현장의 **PDA(산업용 단말기)**는 낮은 해상도, 하드웨어 성능 제약, 장갑 착용 등 열악한 사용 환경이라는 문제를 안고 있었습니다. 이를 해결하기 위해 네이티브 앱 대신 개발 생산성과 유지보수성이 높은 웹 기술을 기반으로 한 시스템 구축을 결정했습니다.

먼저 웹 기반 스캐너 연동을 위해 PDA 스캐너가 데이터를 키보드 입력값으로 전달하는 특성을 활용했습니다. 특정 input 요소에 포커스를 유지하고, 스캔 후 엔터(Enter) 값이 누락되는 기기 특성을 고려해 단말기 설정을 최적화하여 스캔 데이터 처리 로직을 고도화했습니다.

또한, 브라우저 툴바로 인해 좁아지는 화면 영역 문제를 해결하고자 **PWA(Progressive Web App)**를 도입했습니다. 이를 통해 다음과 같은 효과를 얻었습니다.

• 전체 화면 모드를 통한 가용 화면 영역 확대
• 앱 아이콘 및 로고 적용으로 사용자 경험(UX) 향상
• 캐싱을 통한 데이터 및 로딩 시간 절약
• 서비스 이탈 방지 및 네이티브 앱에 가까운 사용성 확보