실시간 차량 관제 서비스 monicar

🚘 monicar
📒 Storybook
💫 Portfolio

	아이디	비밀번호
테스트	test	test
테스트	happy77	happy77
테스트	angry44	angry44

monicar는 대규모 카쉐어링 관제를 위한 실시간 모니터링 서비스입니다.
15,000대 이상의 차량에서 발생하는 시동, GPS, 운행 데이터를 수집하고 분석하여 효율적인 차량 관리 솔루션을 제공합니다.

📊 주요 기능

대시보드

• 직관적인 UI/UX로 알림 현황과 공지사항을 한눈에 파악
  
• SSE(Server-Sent Events)를 활용한 실시간 차량 점검 알림 시스템

위치 조회

• 지도 줌 레벨에 따른 차량 클러스터링 시스템
  
• 개별 차량의 실시간 위치 추적

경로 조회

• 자동 위치 추적을 통한 실시간 차량 모니터링
  
• 선택 기간의 차량 이동 정보 표시

운행 기록

• 국세청 표준 양식 운행일지 제공
  
• 엑셀 파일 다운로드 지원
  
• 일별/시간별 운행 기록 조회
  
• 차량 등록/삭제 관리 기능
  

데이터 수집 및 처리

• 차량당 60초 간격으로 60개의 GPS 데이터 일괄 전송
  
• Apache Kafka를 활용한 대용량 데이터 처리
  
• 시동, GPS 정보의 실시간 모니터링

🛠 기술 스택

FE

기술 스택	채택 이유
Next.js	SSE(Server-Side Events)를 활용한 검색엔진 최적화, 초기 로딩 속도 개선을 위해 선택
React	리액트에서 제공하는 다양한 훅(useState, useEffect 등)을 활용한 효율적인 상태 관리 및 컴포넌트 개발을 위해 채택
TypeScript	정적 타입 검사를 통한 코드 안정성 확보 및 개발 과정에서의 오류 방지를 위해 도입
vanilla-extract	제로 런타임 CSS-in-JS 솔루션과 recipe, variants 등 다양한 스타일링 기능을 활용하기 위해 선택
Storybook	공통 컴포넌트의 체계적인 문서화 및 관리를 위해 도입
Zustand	효율적인 전역 상태 관리를 위해 채택

BE

Spring Boot, Spring Data JPA, Spring Security, QueryDSL, MyBatis, JWT, SSE, AWS EC2, AWS RDS, AWS ALB

📝 프로젝트 기록

FE 회의록
코드컨벤션
기능정의서

👤 팀원소개

👑 BE @박수현	BE @김병훈	BE @윤지윤	FE @권혁준	FE @김난아