PWA와 하이브리드 스캐닝 엔진으로 구현한 99% 정확도의 실시간 ERP 시스템

How I Built a QR-Powered ERP for Garment Factories Using React, Firebase, and a Raspberry Pi 🧵⚡

Santosh Rijal2026년 5월 9일2분intermediate

AI 요약

Context

수동 엑셀 기록으로 인한 데이터 불일치 및 실시간 가시성 부재라는 물류 병목 현상 발생. 저사양 디바이스와 불안정한 네트워크 환경이라는 물리적 제약으로 인해 기존 앱 스토어 기반의 설치형 솔루션 도입이 불가능한 상황.

App Store 설치 장벽 제거를 위해 PWA(Progressive Web App) 구조를 채택하여 접근성 확보
저사양 기기의 인식률 향상을 위해 BarcodeDetector API, jsQR, ZXing을 결합한 Hybrid Scanning Engine 설계
3,000라인의 Monolith 코드를 Domain 기반의 Modular Service로 분리하여 유지보수성 개선
FirebaseBaseService 패턴 도입을 통한 CRUD 표준화 및 Batch Transaction 처리로 데이터 정합성 유지
Raspberry Pi를 Edge Collector로 배치하여 네트워크 단절 시에도 로컬 데이터 동기화를 보장하는 Off-Grid 아키텍처 구현
Firebase Background Sync를 통한 오프라인 데이터의 지연 동기화 처리

현장 중심의 엔지니어링에서는 화려한 UI보다 환경적 제약(먼지, 저사양 기기, 네트워크 불안정)을 해결하는 Edge Computing과 PWA의 유연한 배포 전략이 시스템의 성패를 결정함.

실천 포인트

1. 저사양 기기 지원 시 단일 라이브러리 대신 Fallback 전략을 포함한 Hybrid Engine 검토

2. B2B 현장 앱 설계 시 설치 진입 장벽을 최소화하는 PWA 도입 고려

3. 네트워크 불안정 구역에 Raspberry Pi 등 Edge Device를 활용한 Local Sync 계층 설계

4. 비대해진 서비스 레이어는 Domain 기반 Modularization과 Base Service 패턴으로 추상화

태그