Flutter

[팀 프로젝트] 다이어트 요정들의 정보 모임 '다요정' 회고(feat. 트러블 슈팅)

merrytang 2025. 1. 15. 15:37

개인적인 감상 및 회고

팀웍이 좋았던 우리 팀!

 

이번 팀프로젝트의 과제는 클린 아키텍처를 사용한 SNS 어플 만들기와 실제로 안드로이드 배포해보는 것이었다.

 저번 개인 프로젝트를 진행하면서 클린아키텍처가 어렵다고 생각했는데, 이번 팀 프로젝트를 진행하면서 클린 아키텍처 구조로 개발하는 방식에 좀 더 익숙해질 수 있어서 유익한 시간이었다. 여하튼 개발은 일단 하면 할 수록 느는 것 같다.

 이번 프로젝트에서는 글 작성 페이지를 맡았다. 진짜 배포되는 앱이라는 생각이 드니까  사용자가 보았을 때 UI적으로 편리하고 예쁘게 만들고 싶다는 욕심이 생겨서 공을 들였는데 결과적으로 좋은 결과물이 나온 것 같아 뿌듯했다 : ) 

 그리고 이번에 우리 팀은 3명으로 가장 수가 적은 팀이었는데, 감사하게도 다들 좋은 분들이셨고 소통도 잘 되어서 답답함이 없어서 좋았다. 발표 일정에 맞추기 위해서 밤 늦게까지 개발하고 주말도 반납하고 개발하는 와중에도, 나 혼자가 아닌 팀원들과 함께 한다는 생각이 들어서 든든한 마음이 들었고 즐거운 마음으로 마무리 할 수있었다 있었다 : ) 4조 참치조 짱!! 🐟 👍

 발표가 끝나고 안드로이드 배포를 위해 개발자 계정을 생성하고, 처음으로 배포 신청해보았는데 생각보다 신경써야 될 부분들이 많았다. 그래도 팀원분들과 함께 찾아보면서 무사히 잘 신청 할 수 있었다. 이번의 배포 경험이 나중에 개인 어플  만들어서 배포할 때 많은 도움이 될 것 같다. 이제 리젝 없이 한 번에 배포되면 좋겠다 >< ! 

 

 

깃허브 README

https://github.com/hyewonShin/diet-fairy

 

 

글작성 페이지 미리보기

 

  • photo_manager 라이브러리를 사용해서 인스타그램 형식으로 이미지 업로드 페이지 UI 구현.
  • 선택된 이미지 위에 파란색 동그라미로 체크 표시 및 다중 이미지 업로드 구현.
  • AI(텐서플로우 라이트와 YOLO 모델)를 사용해서 사진 파일에 사람이 포함되어 있으면 업로드 할 수 없도록 제한.
  • 태그 입력 시 자동으로 #을 붙여주고 입력 후 스페이스 바 터치하면 입력칸 상단에 태그 박스 생성.
  • 작성중인 내용이 있으면 뒤로가기 버튼을 터치 시 저장되지 않았다는 경고 alert  띄움.

 

트러블 슈팅

 

문제

stack을 사용하여 이미지 위에 다른 위젯을 겹치게 되면, 이미지 비율이 변경되는 이슈 발생.

원인 추론

stack 내부에서 이미지와 다른 위젯들이 겹칠 때 이미지의 크기를 고정해주지 않으면, 겹쳐질 때 이미지의 비율이 변경 될 수 있음.

해결방안

AspectRatio 위젯으로 이미지파일을 감싸는 방식으로 이미지의 크기를 고정하여 위젯이 겹쳐질 때 비율이 변경되지 않도록 함.

 

 

트러블 슈팅 전 후 이미지