iOSAndroidWeb

WattEver · EV 배터리 인증서 발급 서비스 개발

2026.03 ~ 2026.04·2개월
WattEver · EV 배터리 인증서 발급 서비스 개발 스크린샷 1
WattEver · EV 배터리 인증서 발급 서비스 개발 스크린샷 2
WattEver · EV 배터리 인증서 발급 서비스 개발 스크린샷 3
WattEver · EV 배터리 인증서 발급 서비스 개발 스크린샷 4
WattEver · EV 배터리 인증서 발급 서비스 개발 스크린샷 5
WattEver · EV 배터리 인증서 발급 서비스 개발 스크린샷 6
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 notifyCRC32·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 strictpre-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
다음 프로젝트 →Watt+ · EV 통합 플랫폼 서비스 개발