하우파킹 (2025)
캡스톤 전시회 프로젝트
프로젝트 개요 🧭
AI로 주차장 영상을 실시간 분석해 빈 공간을 파악하고, 웹 지도에서 즉시 확인할 수 있는 서비스입니다.
- 🧩 담당 역할: AI & Backend, Frontend(Full Stack)
- ✨ 핵심 기능
- 📸 실시간 캡처 및 이미지 변환
- 🤖 YOLOv8 객체 인식(차량/빈자리) · 데이터 분석
- 🤝 Discord Bot 기반 자동화 파이프라인
- 🗺️ Google Maps API 시각화 대시보드
기술 스택 🔧
- 💻 Frontend: React, Expo Go
- ☁️ Backend & Cloud: Node.js, Firebase, Google Maps API
- 🧠 AI & Data: YOLOv8, FFmpeg
- 🛠️ DevOps: Discord Bot API
담당 업무 및 구현 상세 🛠️
A. 영상 수집 · 전처리 (Mobile & Edge) 📱
- 📲 Expo Go 캡처 앱: 카메라/스마트폰으로 현장 영상 실시간 수집
- 🎞️ FFmpeg 전처리: 프레임 단위 고해상도 이미지 변환
- 📤 Discord 자동 전송: 변환 이미지를 입력 채널로 즉시 전송
B. AI 분석 파이프라인 🤖
- 🔔 Discord Bot: 채널을 이미지 버퍼/데이터 큐로 활용
- ⏱️ 업로드 감지: 새 이미지를 실시간 감지
- 🔎 YOLOv8 분석: 차량·빈공간 탐지 및 통계 산출
- ↩️ 결과 피드백: 라벨링 이미지/상태데이터를 결과 채널로 업로드
C. 사용자 웹 서비스 🗺️
- 📊 React 대시보드: Node.js/Firebase 연동
- 🗺️ 지도 시각화: Google Maps API
- 🔴 실시간 팝업: 최신 분석 이미지와 지표 제공
시스템 동작 흐름 🔄
- 📲 Capture: 촬영 · 이미지 추출 · 입력 채널 전송
- 🔎 Analyze: 새 이미지 감지 · YOLOv8 분석
- ⚙️ Process: 통계/라벨링 이미지 생성 · 결과 채널 업로드
- 🗺️ Display: 웹에서 지도 팝업으로 정보 제공
프로젝트 성과 ✅
- 💸 서버 비용 절감: Discord API만으로 이미지 처리 파이프라인 구축
- 🔗 End-to-End: 촬영 → 분석 → 서비스 전체 흐름 구현
- 📈 실시간 지표: 점유율 수치화로 사용자 편의성 증대
실내 길찾기 웹 (2024)
[캡스톤디자인]
주제
건물 내부 평면도를 활용한 학교 내 목적지 경로 안내 웹 개발
내 역할
- 아이디어 기획 및 주제 선정 주도
- 발표 자료 제작 및 슬라이드 구성
문제 해결 과정
- 아이디어 회의 초기 소통 어려움 → 팀원 간 피드백 문화 형성
- 실생활 불편함 중심으로 아이디어 구체화
- 교수님 피드백을 통해 실현 가능한 주제로 정리
회고
- 기획 단계의 중요성 체감: 논의 부족 시 개발 지연 발생
- PoC(최소 기능 구현) 필요성 인식
- 발표 및 일정 관리 역할 분담의 필요성
- 초반부터 소통 활성화가 팀워크에 중요
한 줄 요약
실행 가능한 기획과 팀원 간 소통이 프로젝트의 성패를 좌우한다.
혼자 살기 생존 가이드 (2024)
[진행 예정 프로젝트]
주제
자취생들을 위한 생활 정보 및 도움 제공 웹사이트 개발
진행 예정 사항
- 자취생 필수 정보 데이터베이스 구축
- 사용자 친화적 인터페이스 설계
- 맞춤 검색 기능 구현