프로젝트 배경
1) 포트폴리오 소개
서비스 카테고리:
환경·리사이클링(IoT + AI), 모바일·웹 통합 플랫폼
메인 타깃:
일상에서 손쉽게 분리배출 포인트를 적립하고 싶은 일반 소비자
키오스크 설치 운영자(공공기관, 카페·편의점 등 리사이클링 스테이션)
예시
AI 객체인식 기반 IoT 리사이클링 플랫폼
• 사용자: 환경에 관심 있는 일반 소비자
• 운영자: 무인 회수기 설치·관리 담당자
2) 작업 범위
모바일 앱 (flutter & react )
Android / iOS 양쪽 앱 개발
반응형 UI 구성 (메인 대시보드, 포인트·리워드 화면, 기기 위치 검색)
키오스크 앱
QR 가입 → 카메라 스트리밍 → 객체 인식 → 세션별 투입 내역·포인트 적립
관리자용 설정·기능 점검 페이지
백엔드 & 인프라
Node.js + fastify API 서버
YOLOv5/TensorFlow 객체인식 마이크로서비스
AWS EC2 Nginx 리버스프록시
Kakao Map API 연동
3) 주요 업무
UI/UX 설계 및 화면 개발
모바일:
투입량·포인트 현황 대시보드
포인트 적립 내역·리워드 신청 화면
기기 위치 검색 및 최근 위치 리스트
키오스크:
QR 코드 로그인 → 회원 식별
실시간 카메라 스트리밍 + 객체인식 바운딩 박스
세션별 투입 개수 확인 → 포인트 적립 완료
AI 객체인식 연동
YOLOv5 모델 서버화 → REST API 호출
감지된 분리배출 품목에 따라 포인트 산정 로직 구현
포인트·리워드 관리 로직
누적·사용·보유 포인트 계산
리워드 신청/조회 API 설계 및 프론트 연동
지도·위치 검색 기능
Kakao Map JavaScript SDK 활용
키오스크 설치 위치 자동 제안 및 검색
관리자 페이지
키오스크 기기 설정, 원격 기능 점검
장애·상태 모니터링 및 로그 조회
4) 주안점
사용자 경험(UX)
복잡한 분리배출 과정을 최대한 직관적으로 안내
리워드 신청 → 승인까지 흐름 최소 단계로 설계
실시간성 & 안정성
카메라 스트리밍 지연 최소화
객체인식 API 응답 최적화, 재시도 로직 구현
보안 & 개인정보 보호
QR 로그인·토큰 기반 인증
HTTPS 통신, 민감정보 암호화
운영·유지보수 편의성
Docker 컨테이너로 배포·스케일링
Nginx + PM2 모니터링 구성
반응형·교차 플랫폼 지원
모바일·태블릿·키오스크 화면 비율 자동 조정
Android/iOS/Web 통일된 디자인 시스템 적용
서비스 카테고리:
환경·리사이클링(IoT + AI), 모바일·웹 통합 플랫폼
메인 타깃:
일상에서 손쉽게 분리배출 포인트를 적립하고 싶은 일반 소비자
키오스크 설치 운영자(공공기관, 카페·편의점 등 리사이클링 스테이션)
예시
AI 객체인식 기반 IoT 리사이클링 플랫폼
• 사용자: 환경에 관심 있는 일반 소비자
• 운영자: 무인 회수기 설치·관리 담당자
2) 작업 범위
모바일 앱 (flutter & react )
Android / iOS 양쪽 앱 개발
반응형 UI 구성 (메인 대시보드, 포인트·리워드 화면, 기기 위치 검색)
키오스크 앱
QR 가입 → 카메라 스트리밍 → 객체 인식 → 세션별 투입 내역·포인트 적립
관리자용 설정·기능 점검 페이지
백엔드 & 인프라
Node.js + fastify API 서버
YOLOv5/TensorFlow 객체인식 마이크로서비스
AWS EC2 Nginx 리버스프록시
Kakao Map API 연동
3) 주요 업무
UI/UX 설계 및 화면 개발
모바일:
투입량·포인트 현황 대시보드
포인트 적립 내역·리워드 신청 화면
기기 위치 검색 및 최근 위치 리스트
키오스크:
QR 코드 로그인 → 회원 식별
실시간 카메라 스트리밍 + 객체인식 바운딩 박스
세션별 투입 개수 확인 → 포인트 적립 완료
AI 객체인식 연동
YOLOv5 모델 서버화 → REST API 호출
감지된 분리배출 품목에 따라 포인트 산정 로직 구현
포인트·리워드 관리 로직
누적·사용·보유 포인트 계산
리워드 신청/조회 API 설계 및 프론트 연동
지도·위치 검색 기능
Kakao Map JavaScript SDK 활용
키오스크 설치 위치 자동 제안 및 검색
관리자 페이지
키오스크 기기 설정, 원격 기능 점검
장애·상태 모니터링 및 로그 조회
4) 주안점
사용자 경험(UX)
복잡한 분리배출 과정을 최대한 직관적으로 안내
리워드 신청 → 승인까지 흐름 최소 단계로 설계
실시간성 & 안정성
카메라 스트리밍 지연 최소화
객체인식 API 응답 최적화, 재시도 로직 구현
보안 & 개인정보 보호
QR 로그인·토큰 기반 인증
HTTPS 통신, 민감정보 암호화
운영·유지보수 편의성
Docker 컨테이너로 배포·스케일링
Nginx + PM2 모니터링 구성
반응형·교차 플랫폼 지원
모바일·태블릿·키오스크 화면 비율 자동 조정
Android/iOS/Web 통일된 디자인 시스템 적용
프로젝트 성과
누적 분리배출 건수
- 3개월 이내에 키오스크·모바일을 통해 총 1000건 이상의 PET·캔 투입 기록 달성 목표
– 평균 일일 120건, 주간 840건 분리배출 활성화 목표
- 객체인식 정확도 92% 이상
– 평균 일일 120건, 주간 840건 분리배출 활성화 목표
- 객체인식 정확도 92% 이상
객체인식 정확도 92% 이상 확보
– YOLO모델 튜닝 및 데이터셋 보강으로 PET/캔/유리 인식 정확도를 88% → 92%로 개선
– 1초당 5프레임 처리, 평균 추론 지연시간 180ms 이하
– 1초당 5프레임 처리, 평균 추론 지연시간 180ms 이하
리워드 신청 건수 300건 달성
– 누적 포인트 675P 이상 보유 사용자 중 300명 이상이 커피·버거 세트 등 리워드 신청
– 리워드 신청 승인율 99% 유지, 재방문율 45% 향상
– 리워드 신청 승인율 99% 유지, 재방문율 45% 향상
핵심 기능



AI 객체인식 기반 분리배출 식별
YOLOv5/TensorFlow 모델을 이용해 PET 병·캔·유리 등 품목 자동 분류
바운딩 박스로 실시간 처리 결과 표시 (평균 추론 지연 180ms 이하)
모바일 앱 QR 스캔으로 키오스크 회원 로그인
바운딩 박스로 실시간 처리 결과 표시 (평균 추론 지연 180ms 이하)
모바일 앱 QR 스캔으로 키오스크 회원 로그인
진행 단계
기획,디자인,개발,납품
2025.04.
기획 · 요구사항 정의
↓
UI/UX 설계 · 프로토타입 제작
↓
아키텍처 설계 · 기술 스택 결정
개발
• 모바일 앱 (React Native)
• 키오스크 웹 (React + Electron
↓
UI/UX 설계 · 프로토타입 제작
↓
아키텍처 설계 · 기술 스택 결정
개발
• 모바일 앱 (React Native)
• 키오스크 웹 (React + Electron
프로젝트 상세
1) 포트폴리오 소개 : 서비스 카테고리(ex. 커머스, AI 등)와 메인 타깃(ex. 주부, 청소년) 등을 포함한 간략한 소개
- 예시 : 주부들을 위한 생활용품 커머스 개발
2) 작업 범위 : 개발에 참여한 범위 및 지원환경
- 예시) 화면 설계, UI/UX 디자인, 서버 구축, Front-end 개발, 관리자 페이지 개발 등
- 예시) 반응형 웹, Android, iOS 등
3) 주요 업무 : 해당 서비스의 주요 기능 및 주요 페이지
- 예시) 회원등급제 기능, 숙소 추천 로직 구성, GPS 기반 숙소 리스트, 실시간 예약 및 결제 페이지 등
4) 주안점 : 서비스 구축 시 중점이 되었던 사항
- 예시) 개인 정보에 대한 보안, 트렌디한 디자인 등
- 예시 : 주부들을 위한 생활용품 커머스 개발
2) 작업 범위 : 개발에 참여한 범위 및 지원환경
- 예시) 화면 설계, UI/UX 디자인, 서버 구축, Front-end 개발, 관리자 페이지 개발 등
- 예시) 반응형 웹, Android, iOS 등
3) 주요 업무 : 해당 서비스의 주요 기능 및 주요 페이지
- 예시) 회원등급제 기능, 숙소 추천 로직 구성, GPS 기반 숙소 리스트, 실시간 예약 및 결제 페이지 등
4) 주안점 : 서비스 구축 시 중점이 되었던 사항
- 예시) 개인 정보에 대한 보안, 트렌디한 디자인 등









