전기차 충전기 키오스크 UI
OCPP 1.6/2.0 표준 기반 전기차 충전기 키오스크 터치 UI. 커넥터 연결부터 충전 완료·결제까지 완전한 충전 프로세스를 무인 환경에서 제어.
Background
전기차 충전 인프라가 급속히 확산되면서 충전기 하드웨어에 탑재할 안정적이고 직관적인 키오스크 UI의 수요가 늘었습니다. OCPP(Open Charge Point Protocol) 표준을 준수하면서, 커넥터 연결 감지 → 인증 → 충전 시작 → 실시간 모니터링 → 충전 완료 → 결제까지 완전한 프로세스를 무인 환경에서 24/7 안정적으로 운영해야 했습니다. 실외 설치 환경의 직사광선, 다양한 사용자 연령층을 고려한 UX도 요구되었습니다.
Solution
React Native 기반 키오스크 UI를 개발하여 충전기 하드웨어에 탑재했습니다. OCPP 1.6 및 2.0 프로토콜로 중앙 충전 관리 서버(CSMS)와 통신하며, 충전 상태 머신을 완전하게 구현했습니다. NFC/QR 기반 회원 인증, 실시간 충전량·예상 비용 표시, PG사 연동 결제를 지원합니다. 무인 운영을 위한 자동 에러 복구, 원격 재시작, 헬스체크 모니터링을 구현했습니다.
Key Features
OCPP 완전 구현
OCPP 1.6J/2.0.1 표준 준수. BootNotification, Authorize, StartTransaction, MeterValues, StopTransaction 등 전체 메시지 플로우 구현
충전 상태 머신
Available → Preparing → Charging → Finishing → Available 전체 상태 전이 제어. 커넥터 연결 감지, 실시간 충전량/예상 비용/남은 시간 표시
무인 운영 안정성
네트워크 끊김 시 오프라인 충전 지원, 앱 크래시 자동 복구, CSMS 원격 재시작, 주기적 헬스체크 리포팅
인증 및 결제
NFC 카드, QR 코드, 앱 연동 회원 인증. 충전 완료 후 PG사 자동 결제 및 영수증 발급
Result
충전기 제조사 납품 완료. OCPP 인증 테스트 통과. 무인 환경 24시간 연속 운영 안정성 검증 완료.