• 💻 **깃허브 |** 🎥 시연영상
• 팀원: Front-end 2명 / Back-end 2명 / Designer 1명

YamYam

<aside> 📌 YamYam은 결식 아동들이 ‘선한 영향력’ 가게를 찾도록 돕는 서비스입니다. 코로나 이후 계속되는 경제 위기로 아동 청소년의 결식 비율이 높아지고 있고 선한 영향력 가게의 사장님들은 늘고 있지만, 정보가 제대로 알려지지 않아 이를 알리고 돕고자 하는 마음에서 서비스를 만들게 되었습니다. 사용자의 위치를 파악해 주변 가게를 보여주고 이를 필터링 하는 기능을 제공합니다.

</aside>

아키텍처

기술적 의사 결정(BE)

• ORM을 통해 DBMS와 쉽게 연동 가능 | | MySQL | - 오픈소스로 비용 절감이 가능하면서도 문서가 상대적으로 많음 | | OpenAPI(Kakao) | - 지도 위 마커 표시에 필요한 주소 ⇒ 위도, 경도 변환 시 사용 | | Putty | - 대회에서 제공하는 Ubuntu 접속을 통한 FE와 API 통신 | | Postman | - API 응답 결과 테스트 |

담당 파트

• 프로젝트 주제 선정, 팀 구성, 사전 자료 조사 및 요구 사항 작성
• 카테고리 별 식당 목록 필터링 기능 구현
  • PathVariable로 카테고리를 전달 받아 JSON형식으로 리턴
• 시연에 필요한 더미 데이터(주소, 가격, 메뉴 등) 설정

해결한 문제

데이터 변환

• 문제 상황: 내 주변 가게에 마커를 표시하기 위해선 주소를 위도 및 경도로 변환해야 했음
• 해결 방안: OpenAPI를 활용해 응답 받은 JSON에서 위도, 경도를 추출

회고