그룹 선택 화면 UI 변경

[uselessnaming]

현정님과 원택님이 아래와 같은 의견 주셔서 한 번 보시고 어떤 부분이 더 나을지 말해주시면 추후 반영하도록 하겠습니다

<현정님>
" GroupView 이미지가 하나도 없으면 "Group이 비어있습니다" 문구를 띄우는 식으로 할까요?
좋은 것 같습니다! 넓은 화면에 텅 비어있는 거보다 글씨를 띄워주는게 좋은 것 같습니다!

근데 화면 재사용 때문에 그룹 선택 화면을 저렇게 하는 걸로 그린 거...
막상 보니까 사용자 입장에서 어차피 내가 만든 그룹들 중에서 선택하는 거여서
한 화면에 많은 그룹들을 보여주고 선택하는 게 조금 더 ux 적으로 좋지 않을까 싶어서 생각해본 구조 올려봅니다 ㅎ.,ㅎ

<원택님>
그룹 내 이미지가 없을 때, 기본 이미지를 하나 넘겨주면 자동으로 그 이미지가 꽉차게 보이니까 그것도 괜찮을 거 같습니다.

저는 개인적으로 현정님 의견 중 1번째 사진도 좋고, 원택님 의견도 좋습니다.
개별 의견을 종합해서 UI 통합하면 좋을 것 같습니다

[hoyadong1]

그룹에 장소 없을때 보이게 하는 ui 만들었습니다! 그룹 뷰 컴포넌트에서 image list가 비어 있을 때, 상황까지 처리해주는 게 역할 상 맞는 거 같아서 그렇게 구현해뒀습니다

현정님 의견에 대한 생각

ux 적으로 여러 그룹을 한번에 보여주는 것도 좋은 거 같습니다 grid 뷰로 보여주는 건 앱의 차별점이 될 수 있구요. 이전 studyMate 과제에서 버튼으로 grid와 list 뷰를 변환하는 기능을 구현했던 것 처럼 기존의 grid view와 일반적인 갤러리 뷰 둘 다 활용하면 좋을 거 같습니다