2023.06

쓰레기 공작소

쓰레기를 휴대폰으로 찍으면 어떻게, 언제, 어디에 버려야 하는지 알려 줍니다. 인터넷 프로그래밍 수업에서 만든 모바일 웹입니다.

맡은 일
3인 팀에서 프론트엔드, AI 학습, 전처리 담당
기술
JavaScript, Web APIs

시작

인터넷 프로그래밍(CSI2109) 과제는 Web API를 2개 이상 활용한 모바일 매시업이었습니다. 기숙사에 살면서 분리배출을 처음 직접 해 보며 생겼던 궁금증과, 고등학교 때 Teachable Machine으로 만든 동물상 테스트를 떠올려 3인 팀에서 두 아이디어를 결합했습니다.

주요 기능

  • 사진 검색: AI Hub 데이터로 학습한 Teachable Machine 모델이 쓰레기를 판별해 분리배출 방법을 알려 줍니다.
  • 배출 지도: Geolocation과 Kakao Map으로 지역구를 찾고, 서울시 공공데이터를 바탕으로 종류별 배출 요일과 장소를 보여 줍니다.
  • 도감: 검색한 물건이 도감에 등록되고 Kakao Share로 공유할 수 있습니다. DeepAI 이미지 유사도와 MongoDB Atlas를 사용했습니다.
페트병을 촬영하는 화면
사진을 찍습니다.
페트병 분리배출 방법을 안내하는 결과 화면
배출 방법을 확인합니다.
서울시 지역구 지도
지역구를 선택합니다.
지역구별 배출 일정
배출 일정을 확인합니다.

구조

사용자와 검색, 지도, 도감 플랫폼 및 API의 연결 구조
기능별로 사용한 Web API입니다.

맡은 일

프론트엔드, AI 학습, 데이터 전처리를 맡았습니다.