한컴모빌리티한컴모빌리티

프로젝트 개요

한컴모빌리티의 파킹프렌즈 프로젝트는 거주자우선주차장 공유 플랫폼으로, 주차면 공유를 통한 도심 주차난 해결과 지역 주민의 추가 수익 창출을 목표로 하는 모빌리티 서비스입니다. 3개의 독립적인 플랫폼(파트너, 공단, 운영사)을 통해 주차면 소유자, 관리 기관, 운영 주체 간의 효율적인 주차 공유 생태계를 구축했습니다.

서비스 흐름도

주요 기능

1. 파트너 플랫폼 - 주차면 공유 관리

• 내 주차면 정보 확인 (주차구역, 구획번호, 거주자우선 구분)
• 공유시간 자유 설정 (평일/주말, 시간대별 세부 설정) - 사용자는 평일과 주말을 분리하여 각 요일별로 세밀하게 공유 가능 시간을 지정할 수 있으며, 설정 내역이 시각적 타임라인으로 표시됩니다.
• 공유시간 통계 (일주일/이번달/총 누적 공유시간)
• 포인트 적립 및 이력 조회 - 공유 시간에 비례하여 포인트가 자동 적립되며, 적립 이력과 사용 내역을 상세하게 확인할 수 있습니다.
• 실적 현황 대시보드 (공유율, 수익 분석)
• 실시간 알림 (예약, 공유 시작/종료)

2. 공단 플랫폼 - 주차장 운영 관리

• 전체 주차장 통합 대시보드 (그룹별/주차장별 계층 구조) - 여러 주차장을 그룹 단위로 묶어 계층적으로 관리하며, 각 레벨에서 집계 통계를 실시간으로 확인할 수 있습니다.
• 부정주차 의심 대수 실시간 모니터링 - 예약 없이 주차된 차량을 자동으로 감지하여 관리자에게 즉시 알려주고, 차량번호와 위치 정보를 제공합니다.
• 주차면수/점유면수/운영면수/예약면수 통계
• 이용현황 월별 분석 (개소수, 이용건수, 매출)
• 차량조회 기능 (번호판 검색)
• 정산내역 세부 조회 (일자별, 차량별)

3. 운영사 플랫폼 - 사업 운영 지원

• 통합 매출 현황 (그룹사별, 주차장별 집계) - 여러 그룹사와 주차장의 매출을 통합하여 조회하고, 각 단계별로 드릴다운하여 상세 내역을 확인할 수 있습니다.
• 일자별 이용건수 및 매출 분석
• 차량별 결제 내역 상세 조회 (차량번호, 이용시간, 이용권 종류)
• 월별/연도별 정산 리포트
• 알림 이력 관리

플랫폼 구성

기술적 선택과 이유

모바일 우선 반응형 디자인

• 사용자의 대부분이 모바일 환경에서 주차면 관리 및 예약을 수행하는 점을 고려
• viewport 설정으로 모바일 대응 (user-scalable=no로 확대/축소 제한)
• Touch-friendly UI 구성으로 모바일 UX 제공

컴포넌트 기반 HTML 구조

• 공통 헤더, 푸터를 재사용 가능한 HTML 컴포넌트로 분리
• includeHTML.js를 통한 동적 컴포넌트 로딩으로 유지보수성 향상
• 3개 플랫폼(partner, public, operator)의 일관된 UI/UX 유지

SCSS 기반 스타일 관리

• 색상 팔레트, 레이아웃, 공통 스타일을 SCSS 모듈로 관리
• 분리된 스타일 파일로 테마 일관성 확보
• CSS 변수를 활용한 브랜드 컬러 통일 (파킹프렌즈 그린, 블루 강조색)

페이지별 모듈 분리

• 각 기능별로 독립적인 구조 구성
• HTML, CSS, JS, 모달 등을 모듈 단위로 구성하여 코드 응집도 향상
• 페이지 간 의존성 감소로 병렬 개발 가능

SVG 아이콘 시스템

• 60개 이상의 인라인 SVG 아이콘으로 다양한 UI 표현
• 벡터 그래픽 사용으로 레티나 디스플레이 대응
• 로딩 속도 개선 (이미지 요청 감소)

프로젝트 특징

사용자 중심 3-Tier 플랫폼 설계 파트너(주차면 제공자), 공단(관리 기관), 운영사(사업자)의 니즈를 각각 분리된 플랫폼으로 구현하여, 역할별로 인터페이스와 워크플로우를 제공합니다. 동일한 데이터를 서로 다른 관점에서 시각화하여 각 이해관계자가 필요한 정보에 빠르게 접근할 수 있습니다.

실시간 모니터링 및 알림 시스템 부정주차 의심 대수 실시간 집계, 예약 현황 푸시 알림, 공유시간 자동 관리 등 실시간 데이터 처리 기능을 구현했습니다. 주차장별, 그룹별 계층적 통계 집계를 통해 관리자가 이상 상황을 즉시 파악하고 대응할 수 있습니다.

세밀한 공유시간 설정 UX 파트너는 평일/주말, 시간대별로 주차면 공유 가능 시간을 자유롭게 설정할 수 있으며, 설정 내역이 시각적으로 표시됩니다. 중복 설정 방지 모달, 되돌리기 기능 등 실수 방지 장치를 포함하여 사용자 편의성을 높였습니다.

다층 계층 구조 데이터 시각화 공단 및 운영사 플랫폼에서는 "전체 → 그룹 → 주차장 → 일자 → 차량"까지 5단계 계층의 데이터를 Accordion UI로 직관적으로 탐색 가능합니다. 각 단계에서 집계 통계를 제공하여 관리자가 원하는 수준의 상세도로 데이터를 확인할 수 있습니다.

포인트 인센티브 시스템 주차면 공유 시간에 비례하여 포인트를 적립하고, 포인트 이력 및 실적 현황을 상세히 제공하여 파트너의 지속적인 참여를 유도합니다. 배지 시스템과 누적 통계 표시로 gamification 요소를 적용했습니다.