플러그웨이 PlugWay
전기차 사용자들이 주변 충전소를 손쉽게 검색하고 위치 기반 정보를 확인할 수 있도록 만든 지도 기반 EV 충전소 탐색 서비스입니다.
프로젝트 정보
- Repository: PlugWay
- 개발 기간: 2024년 9월 ~ 2024년 10월
- 팀 프로젝트: KDT 과정 중 첫 번째 협업 프로젝트
- 기술 스택:
- Frontend: React, TypeScript, Vite, Tailwind CSS
- 지도 API: Kakao Map API
- 상태 관리: Recoil
- HTTP 통신: Axios
- 기타 도구: Prettier, ESLint
주요 기능
- 주변 EV 충전소 위치 지도 표시
- 주소 및 검색어 기반 충전소 탐색
- 사용자의 현재 위치 기반 중심 지도 이동
- 충전소 상세 정보 (이름, 주소, 운영시간 등) 표시
- UI 반응형 설계 (모바일 대응)
배운 점
- React 기반 SPA 구조 설계 및 기능 컴포넌트화 경험
- Recoil을 활용한 전역 상태 관리 및 동기화 방식 이해
- Kakao Map API 연동 방법과 마커/이벤트 처리 실습
- 협업 도구 (GitHub, Notion, Figma)를 활용한 프로젝트 운영 경험
- Git Flow를 기반으로 한 팀 개발 경험
관련 링크