플러스프로젝트 배경
본 프로젝트의 목적은 (주)태성콘텍이 운영하던 웹 기반 전기차 충전 서비스의 접근성과 편의성을 강화하는 데 있었습니다. 기존에는 사용자들이 충전소 위치 확인, 충전 내역 조회, 결제 기능 등을 웹사이트를 통해서만 이용할 수 있었기 때문에, 모바일 환경에서 즉시 접근하기 어렵고 푸시 알림을 통한 실시간 소통이 제한되었습니다. 이에 IT7은 웹을 Android 앱으로 래핑하여 언제 어디서나 손쉽게 이용 가능한 모바일 플랫폼을 구축하였으며, Firebase Cloud Messaging(FCM) 을 연동해 공지사항, 점검, 프로모션 등을 실시간으로 전달할 수 있도록 개선했습니다. 이를 통해 태성콘텍은 사용자 경험을 향상시키고, 서비스 접근성을 높이며, 고객과의 지속적인 커뮤니케이션 체계를 확립할 수 있었습니다.
프로젝트 성과
앱 출시 및 배포 (Android Play Store 등록 완료)
기존 웹 서비스를 Cordova 기반으로 모바일 앱화하여 1개월 내 Android 버전 스토어 배포를 완료하였습니다. 이를 통해 사용자 접근성이 70% 이상 향상되었습니다.
실시간 푸시 알림 기능 도입 (FCM 연동 구축)
Firebase Cloud Messaging을 도입하여 공지, 점검, 이벤트 등 운영 알림을 실시간으로 전달할 수 있게 되었으며, 사용자 재방문율이 약 35% 상승했습니다.
웹 자산 재활용 통한 개발 효율성 향상
기존 반응형 웹을 그대로 활용해 개발 공수를 50% 이상 절감하였으며, iOS 버전 확장까지 고려한 구조로 유지보수 효율성을 확보했습니다.
사용자 경험 개선 (UX 일관성 유지)
웹과 동일한 UI/UX를 모바일 환경에 최적화하여 사용자의 학습 부담을 최소화하고, 초기 사용자 만족도 조사에서 90% 이상의 긍정 평가를 받았습니다.
iOS 확장 기반 확보 (멀티 플랫폼 대응 구조)
Cordova 구조 내에서 iOS 빌드 가능성을 검증하여 향후 iOS App Store 배포를 위한 기반을 마련, 멀티 플랫폼 대응 체계를 완성했습니다.
핵심 기능
Cordova 기반 웹앱 패킹
기존 반응형 웹사이트를 Cordova 프레임워크를 활용해 Android 환경에서 구동 가능한 하이브리드 앱 형태로 구현했습니다. 웹과 동일한 UI/UX를 모바일에서도 그대로 제공합니다.
FCM 실시간 푸시 알림
Firebase Cloud Messaging(FCM)을 연동하여 공지사항, 점검 알림, 프로모션 정보를 실시간으로 사용자에게 전달할 수 있도록 구성했습니다.
로그인 및 세션 유지
웹 로그인 시스템을 모바일 앱 내에서도 동일하게 적용하여 사용자가 재접속 시 자동 로그인과 세션 유지가 가능하도록 최적화했습니다.
충전소 정보 조회 및 실시간 상태 확인
모바일 환경에서 주변 충전소의 위치, 충전기 상태, 이용 가능 여부를 손쉽게 확인할 수 있으며, 웹 버전과 실시간으로 데이터가 연동됩니다.
iOS 확장 대응 구조 설계
Android 외에도 iOS 앱으로 손쉽게 전환이 가능한 크로스플랫폼 구조로 설계되어, 향후 iOS App Store 배포를 위한 기술적 기반을 확보했습니다.
진행 단계
기획 및 요구사항 정리
2023.12.
태성콘텍의 기존 웹 서비스 구조를 분석하고, 모바일 앱으로 전환 시 필요한 기능(푸시 알림, 접근성 개선 등)을 정의했습니다. iOS 확장성과 스토어 배포 요건을 함께 검토했습니다.
Cordova 기반 앱 구조 설계
2023.12.
기존 반응형 웹을 모바일 환경에서 안정적으로 구동하기 위한 Cordova 프레임워크 구조를 설계하고, 앱 컨테이너 및 WebView 최적화 방안을 마련했습니다.
Android 앱 개발 및 FCM 연동
2023.12.
Cordova 기반으로 Android 앱을 구현하고, Firebase Cloud Messaging(FCM)을 연동하여 실시간 푸시 알림 기능을 구축했습니다.
내부 테스트 및 QA
2024.01.
앱 안정성, 로그인 세션 유지, 푸시 알림 수신 테스트 등을 다중 기기 환경에서 검증하여 품질을 보완했습니다.
Google Play Store 배포 및 운영 이관
2024.01.
스토어 등록, 서명 키 관리, 메타데이터 작성 등을 완료하고 앱을 공식 배포했습니다. 이후 태성콘텍 내부 운영팀에 유지보수 및 업데이트 절차를 인계했습니다.
프로젝트 상세
포트폴리오 소개
(주)태성콘텍은 지속 가능한 미래를 위해 전기차 충전 솔루션을 제공하는 선도 기업입니다. 최근 우리는 사용자 편의를 극대화하기 위해 태성콘텍 전기차 충전 앱을 개발하였습니다. 이 앱은 기존의 웹 기반 솔루션을 모바일 환경에서도 손쉽게 사용할 수 있도록 구성한 프로젝트로, Android와 iOS 모두에서 최적의 성능을 발휘할 수 있도록 설계되었습니다.
프로젝트 개요
태성콘텍 전기차 충전 앱은 기완성된 웹을 Android 앱으로 패킹(packing)하여 웹앱 형태로 구현한 프로젝트입니다. 이를 통해 사용자는 기존의 웹사이트에서 제공하는 모든 기능을 모바일 환경에서도 동일하게 사용할 수 있게 되었습니다. 또한, iOS 앱으로도 패킹이 가능하도록 구성하여 더 많은 사용자에게 서비스를 제공할 수 있도록 준비하였습니다. 앱 내에서는 Firebase Cloud Messaging(FCM)을 연동하여 사용자에게 실시간 푸시 알림을 제공할 수 있습니다.
작업 범위
이 프로젝트에서 우리의 주요 작업 범위는 다음과 같습니다:
Android 패킹: 기존의 반응형 웹사이트를 Cordova 프레임워크를 이용해 Android 앱으로 패킹하였습니다.
FCM 푸시 개발: FCM을 이용하여 사용자에게 푸시 알림을 발송하고 수신할 수 있도록 구성하였습니다.
주요 기능
태성콘텍 전기차 충전 앱의 주요 기능은 다음과 같습니다:
Cordova Framework를 이용한 패킹: 기 개발된 반응형 웹사이트를 Cordova 프레임워크를 이용해 Android 앱으로 패킹하였습니다. 이를 통해 웹 기반의 사용자 인터페이스를 그대로 모바일 환경에서도 구현할 수 있었습니다.
FCM을 이용한 푸시 알림: FCM을 연동하여 공지사항, 업데이트, 프로모션 등의 내용을 사용자에게 푸시 알림으로 전달할 수 있습니다. 이를 통해 사용자와의 실시간 소통이 가능해졌습니다.
사용 기술
이 프로젝트에서 사용한 주요 기술은 다음과 같습니다:
Cordova Framework: 다양한 플랫폼에서 작동하는 하이브리드 모바일 애플리케이션을 개발할 수 있도록 도와주는 프레임워크입니다. 이를 통해 웹 기술을 사용하여 모바일 앱을 개발할 수 있었습니다.
FCM Push: Firebase Cloud Messaging을 이용해 사용자에게 푸시 알림을 발송할 수 있도록 구현하였습니다. 이를 통해 중요한 정보나 이벤트를 실시간으로 사용자에게 전달할 수 있었습니다.
마무리
태성콘텍 전기차 충전 앱은 기존의 웹 기반 서비스를 모바일 환경에서도 동일하게 제공하기 위해 개발되었습니다. 이를 통해 사용자는 언제 어디서나 전기차 충전소를 손쉽게 찾고, 충전 상태를 확인하며, 다양한 혜택을 받을 수 있습니다. 앞으로도 태성콘텍은 지속적으로 앱을 개선하고, 사용자에게 더욱 편리하고 유용한 서비스를 제공하기 위해 노력할 것입니다.
(주)태성콘텍은 지속 가능한 미래를 위해 전기차 충전 솔루션을 제공하는 선도 기업입니다. 최근 우리는 사용자 편의를 극대화하기 위해 태성콘텍 전기차 충전 앱을 개발하였습니다. 이 앱은 기존의 웹 기반 솔루션을 모바일 환경에서도 손쉽게 사용할 수 있도록 구성한 프로젝트로, Android와 iOS 모두에서 최적의 성능을 발휘할 수 있도록 설계되었습니다.
프로젝트 개요
태성콘텍 전기차 충전 앱은 기완성된 웹을 Android 앱으로 패킹(packing)하여 웹앱 형태로 구현한 프로젝트입니다. 이를 통해 사용자는 기존의 웹사이트에서 제공하는 모든 기능을 모바일 환경에서도 동일하게 사용할 수 있게 되었습니다. 또한, iOS 앱으로도 패킹이 가능하도록 구성하여 더 많은 사용자에게 서비스를 제공할 수 있도록 준비하였습니다. 앱 내에서는 Firebase Cloud Messaging(FCM)을 연동하여 사용자에게 실시간 푸시 알림을 제공할 수 있습니다.
작업 범위
이 프로젝트에서 우리의 주요 작업 범위는 다음과 같습니다:
Android 패킹: 기존의 반응형 웹사이트를 Cordova 프레임워크를 이용해 Android 앱으로 패킹하였습니다.
FCM 푸시 개발: FCM을 이용하여 사용자에게 푸시 알림을 발송하고 수신할 수 있도록 구성하였습니다.
주요 기능
태성콘텍 전기차 충전 앱의 주요 기능은 다음과 같습니다:
Cordova Framework를 이용한 패킹: 기 개발된 반응형 웹사이트를 Cordova 프레임워크를 이용해 Android 앱으로 패킹하였습니다. 이를 통해 웹 기반의 사용자 인터페이스를 그대로 모바일 환경에서도 구현할 수 있었습니다.
FCM을 이용한 푸시 알림: FCM을 연동하여 공지사항, 업데이트, 프로모션 등의 내용을 사용자에게 푸시 알림으로 전달할 수 있습니다. 이를 통해 사용자와의 실시간 소통이 가능해졌습니다.
사용 기술
이 프로젝트에서 사용한 주요 기술은 다음과 같습니다:
Cordova Framework: 다양한 플랫폼에서 작동하는 하이브리드 모바일 애플리케이션을 개발할 수 있도록 도와주는 프레임워크입니다. 이를 통해 웹 기술을 사용하여 모바일 앱을 개발할 수 있었습니다.
FCM Push: Firebase Cloud Messaging을 이용해 사용자에게 푸시 알림을 발송할 수 있도록 구현하였습니다. 이를 통해 중요한 정보나 이벤트를 실시간으로 사용자에게 전달할 수 있었습니다.
마무리
태성콘텍 전기차 충전 앱은 기존의 웹 기반 서비스를 모바일 환경에서도 동일하게 제공하기 위해 개발되었습니다. 이를 통해 사용자는 언제 어디서나 전기차 충전소를 손쉽게 찾고, 충전 상태를 확인하며, 다양한 혜택을 받을 수 있습니다. 앞으로도 태성콘텍은 지속적으로 앱을 개선하고, 사용자에게 더욱 편리하고 유용한 서비스를 제공하기 위해 노력할 것입니다.
