iOSAndroidWeb
WattEver · EV 배터리 인증서 발급 서비스 개발
2026.03 ~ 2026.04·2개월
01
개요
운행·충전 데이터 기반 전기차 배터리 진단 및 인증 플랫폼. 전기차 전용 데이터 수집 장치 "WattBox"로 확보한 데이터를 AI 알고리즘으로 분석해 배터리 잔존수명(SOH)을 정량 진단하고, TÜV NORD KOREA 및 한국전기차산업협회 공식 인증서를 발급. 기존 Web 서비스를 모바일 앱으로 확장하여 차주가 현장에서 직접 진단·인증서 조회가 가능하도록 사용자 접근성을 개선한 신규 앱을 출시.
02
WEB
- TanStack Query 도입으로 캐싱·자동 refetch·상태 동기화 구축
- Zustand 기반 도메인 단위 스토어 분리로 전역 상태 구조 설계
- Sentry 기반 에러 추적·모니터링 및 이슈 대응 체계 구축으로 서비스 안정성 강화
- Cypress 기반 E2E 테스트로 사용자 흐름 검증 및 회귀 오류 방지
- React Hook Form uncontrolled 방식으로 다단계 폼 리렌더링 최소화
- Rive·Lottie 기반 상태 애니메이션 구현으로 렌더링 효율성 확보
- ApexCharts를 dynamic import(SSR off)로 분리하여 초기 번들 사이즈 최적화
- Tailwind 기반 디자인 토큰·컴포넌트화로 UI 일관성 및 유지보수성 확보
03
AOS
- BLE GATT·Serial 통신을 단일 인터페이스로 추상화하고 CRC32·TTL 디듀프 큐로 데이터 무결성 확보
- MQTT(QoS=1)에 메모리+디스크 영속 큐 적용으로 네트워크 불안정 환경에서도 데이터 유실 방지
- BLE MTU 한계 대응을 위해 spacing·재시도·타임아웃 제어로 안정적인 데이터 전송 흐름 구현
- Foreground Service(FGS) 기반으로 백그라운드에서도 BLE 데이터 수집·전송 지속 처리
- WebView ↔ Native Bridge 구조를 단일 인터페이스로 통합하고 @JavascriptInterface 기반 양방향 통신 구조 구축
- Crashlytics로 크래시율 모니터링 및 안정성 개선
04
IOS
- BLE notify에 CRC32·TTL 디듀프·패킷 재조립 상태머신 적용으로 데이터 무결성 및 안정성 확보
- CoreBluetooth 래핑으로 MTU 협상·BLE 연결 관리를 추상화하고 통신 안정성 확보
- CocoaMQTT(QoS=1)에 디스크 영속 큐·ACK 워치독·TTL 적용으로 데이터 유실 방지
- WKWebView messageHandlers 기반 WebView ↔ Native Bridge 통합 인터페이스 설계로 양방향 통신 구조 구축
- Crashlytics로 크래시율 모니터링 및 안정성 개선
05
CI/CD
- Docker 멀티 스테이지 빌드와 BuildKit·Turbo 캐시로 빌드 시간 최적화
- fastlane·SPM·Gradle(KSP) 기반 플랫폼별 빌드 자동화 및 의존성 관리 표준화
- Lint·Prettier·TypeScript strict 및 pre-commit 훅으로 코드 품질 관리 체계 구축
06
기술 태그
#TypeScript#React#Next.js#Zustand#TanStack Query#React Hook Form#Tailwind CSS#ApexCharts#Lottie#Rive#Cypress#Sentry#Kotlin#Swift#WebView#WKWebView#CoreBluetooth#BLE#MQTT#Eclipse Paho#CocoaMQTT#Coroutines#OkHttp#URLSession#Crashlytics#FCM#APNs#Docker#Jenkins#fastlane#Gradle#KSP#Xcode#SPM#Turborepo#pnpm#ESLint#Prettier





