M3-334 그룹 메인 페이지 구현의 기능 구현

[koomin1227]

작업 내용*

• 그룹에 가입하지 않은 경우의 화면 구현
• 서버로 부터 데이터를 받아오는 기능 구현
• 검색한 항목에서 그룹의 정보를 탐색하는 기능 및 화면 구현

고민한 내용*

스크린 소개

• CommunityScreen 과 CommunityInfoScreen 로 분리
• CommunityScreen 은 탭바에서 사용되는 스크인이다. 즉, 나의 그룹 정보를 나타낸다.
  • 그룹에 가입되지 않았다면 "가입한 그룹이 없습니다" 문구가 표시되고 그룹 검색 버튼이 나와 검색 창으로 이동 할 수 있게 한다.
• CommunityInfoScreen은 검색창에서 그룹을 클릭하면 그룹의 상세 정보가 뜨는 화면이다.
  • 모양은 CommunityScreen 과 같지만 사용되는 환경과 약간의 기능 차이 때문에 분리했다.
  • 그룹 가입하기 버튼이 이 화면에 있다.

컨트롤러

컨트롤러 또한 2개다.

• CommunityController
  • isJoin 은 사용자가 가입한 그룹이 있는지 판단하는 변수이다.
  • isLoading 데이터가 전부 불러와졌는지 확인하는 변수이다.
• CommunityInfoController
  • isJoin이 없다. 스크린이 특정 그룹의 정보를 확인하는 스크린이기 때문에 내가 가입했는지 여부는 필요없다.
  • isLoading 은 똑같이 있다.

그룹 탈퇴 구현 가이드

• 그룹 탈퇴 버튼은 CommunityScreen 에 있다.
• 동작은 CommunityController 에 quitCommunity로 정의 되있다.

  quitCommunity() {
    // ToDo : 그룹 탈퇴 구현
    MyPageController myPageController = Get.find<MyPageController>();
    myPageController.updateUserInfo();
    isJoin.value = false;
  }

그룹탈퇴 로직을 구현한 후 그룹 탈퇴 작업이 성공 했다면 위 3줄의 코드를 넣어야한다. 그래야 마이페이지에서 내 정보가 업데이트되어 그룹 정보가 사라지고 그룹탭에서도 내 그룹이 사라져 그룹 검색하는 페이지로 바뀐다.

그룹 가입 구현 가이드

• 그룹 가입 버튼은 CommunityInfoScreen 에 있다.
• 동작은 CommunityInfoController 에 signUpCommunity로 정의 되있다.

  signUpCommunity() async {
    // ToDo : 그룹 가입 구현
    MyPageController myPageController = Get.find<MyPageController>();
    CommunityController communityController = Get.find<CommunityController>();
    await myPageController.updateUserInfo();
    communityController.updateCommunityInfo();
  }

그룹가입 로직을 구현한 후 그룹 가입 로직이 성공 했다면 위 3줄의 코드를 넣어야한다. 그래야 마이페이지에서 내 정보가 업데이트되어 그룹 정보가 생기고 그룹탭에서도 내 그룹이 생겨 내 그룹페이지로 바뀐다.

리뷰 요구사항

• 리뷰할 때 중점적으로 봐줬으면 하는 내용들

스크린샷

안드로이드와 iOS 의 UI 가 달라지는 문제

학교이름의 위치가 달라진다.