역할 : 팀원, Frontend (Flutter)
사용자가 고른 옷 사진과 무신사 옷을 이용하여 사용자가 원하는 옷을 입어볼 수 있도록 도와주는 인공지능 기반 가상 피팅 어플리케이션.
국민대학교 2023 캡스톤 장려상
착붙
Product and Type Designer | UI UX | Design Mentoring
https://kookmin-sw.github.io/capstone-2023-08/
역할
프론트엔드로서 프로젝트 아이디어 기획과 구현의 전과정에 참여하였습니다. 인공지능은 사람을 parsing하는 과정과 옷을 parsing하고 warping하는 과정으로 나눠졌는데, ML 담당분이 사람을 parsing하는 과정이 너무 오래걸린다는 의견을 내주셨습니다. 제가 아이디어를 내어 매 가상피팅 시에 사람을 촬영하는것이 아니라, 회원가입 이후 첫 로그인 시에 사용자의 사진을 촬영하도록 변경하여 위 문제점을 해결하였습니다.
저는 Figma를 이용하여 거의 대부분의 화면을 구성해 작업하기 편하도록 만들었습니다. 작업은 다른 프론트엔드분과 각 화면 작업을 맡아 진행하였습니다. 저는 주로 카메라와 갤러리 등 미디어 입력 화면 구현과 백엔드와 연계되는 부분에 대한 테스트를 진행하였습니다.
프로젝트를 진행하며 커스텀 카메라를 제작하는 부분에서 가장 큰 어려움을 겪었습니다. 대부분의 문서에서는 image_picker라는 라이브러리를 사용하여 라이브러리만 추가하면 카메라 기능을 구현할 수 있었는데, 저희 어플리케이션에서는 사진에 대한 가이드라인을 필수적으로 카메라 위에 넣어야했기 때문에 flutter에서 제공하는 기본 라이브러리인 camera 라이브러리를 이용하여 완성하였습니다. 타이머 기능도 참고 자료가 없어 커스텀하여 제작했습니다.
Flutter 프레임워크 사용이 처음이었기 때문에 대부분 인프런 강의를 참고하여 만들었으며, 로그인 시 상태 관리는 JsonSerializable과 Retrofit 그리고 Dio Interceptor를 이용하여 진행하였고, 보안 인증은 JWT token을 통해 인증하는 방식으로 진행하였습니다.
추후 외주를 받아 수정된 디자인을 다른 프론트엔드분과 함께 Flutter를 이용해 유사하게 구현되도록 수정했습니다.
소감
인공지능 성능이 많이 좋지는 않았는데 생각보다 많은 분들이 체험하며 재미있어하셨고, 앞으로도 사람들이 재미를 느끼는 프로그램을 제작하고 싶다는 마음이 들었습니다..!
Made with Bullet