[MERGE] KKUMI-19 #19 : 홈 > 배너 + 배너 세부 이동

[jung0115]

구현내용

1. 홈 > 배너

• 구현 기능
  • 배너 이미지 3초마다 자동 전환
  • 우측, 좌측으로 무한 반복
  • 배너 우하단에 현재페이지/전체페이지 표시
  • 배너 이미지 선택 시, 배너 세부 페이지로 이동
  • 배너에서 + 버튼 선택 시, 배너 전체 리스트 페이지로 이동

2. 배너 구현 내용

• ViewPager2 사용
• HomeBannerViewPagerAdapter.kt
• 배너 무한 반복을 위해서 Adapter 아이템 길이를 Int.MAX_VALUE로 잡고, 실제 데이터 수로 나눈 나머지를 index로 설정
• 처음부터 좌측으로도 이동 가능하도록, 시작 index는 1000으로 설정
• timer로 3초마다 자동 전환 + 사용자가 수동 전환한 경우 전환 시점부터 3초를 다시 카운트
• 페이지 전환될 때마다 현재 페이지 값 업데이트

3. API

• 배너 전체 조회 API = 배너 리스트
• 배너 세부 조회 API = 배너 1개 (id, imageUrl)

4. 배너 선택 시, 세부 페이지 이동

• HomeFragment와 HomeBannerDetailFragment가 둘다 HomeViewModel과 연결되고
• 배너 선택 시, HomeFragment에서 HomeViewModel의 selectBannerId (LiveData)를 세팅
• HomeBannerDetailFragment로 이동 시, HomeViewModel에서 selectBannerId 가져와서
• 배너 세부 조회 API 통신 -> 정보 화면에 보여주기

고민사항

1. 배너 무한 반복

• 이미지 개수를 넘겨서 좌우로 움직여도 계속 이어서 배너를 보이게 하기 위해서
• 아이템 길이를 길게 잡았는데, 사실상 유한이고 사용자가 그만큼 많은 배너 전환을 하지 않을 것이라는 가정이 있어야 합니다.
• 리스트 끝에 도달하면 다음 이미지를 추가하는 방식도 생각을 했으나,
  • 좀 더 많은 연산이 들어가면서 다음 배너의 로딩이 딜레이가 있거나
  • 좌측으로 전환할 경우, 리스트의 맨 앞에 이미지를 추가해야 하는 문제가 있을 것으로 예상됩니다.
• 사용한 방법 외에 실제로 무한 반복이 가능한 방법이 있을지 고민을 하고 있습니다.

2. 이미지 Load

• 처음에는 라이브러리를 사용하지 않고 url로 받은 이미지를 화면에 보여주기 위해
• BitmapFactory로 이미지를 로드하는 코드를 구현했습니다.
  • ImageLoader.kt, ImageRepository.kt, ImageRepositoryImpl.kt, LoadImageUseCase.kt
• 이미지를 bitmap으로 변환해주고 adapter에 보내주었는데,
  • 배너 선택 시 세부 페이지 전환을 하기 위해 bitmap 외에 id값도 알아야 했습니다.
  • HomeBannerItemVO에서는 Bitmap이 아닌 ImageUrl 정보를 가지고 있고,
  • VO 파일이 domain 모듈에 있어서 (클린아키텍처를 지키려면) Bitmap 자료형을 쓸 수 없었습니다. (Bitmap => 안드로이드 종속적)
• 그래서 결국 이미지 로더 라이브러리 중 하나인 coil을 사용하였습니다.
• 만약 처음 방법대로 하려면 Bitmap과 id 정보를 포함한 data class를 따로 정의해야 할지, 그렇다면 data class는 어떤 모듈에 위치해야 할지 고민입니다. 또는 이미지 로더 라이브러리를 쓰는 게 오히려 나은 것인지도 고민이 됩니다.

3. 하나의 ViewModel

• View 간 데이터 전달을 위해 HomeFragment, HomeBannerDetailFragment, HomeBannerAllFragment가 HomeViewModel 하나를 공유하고 있는데,
• 차라리 배너, 포스트 각각 ViewModel을 만들어서 Fragment마다 필요한 ViewModel과 연결하는 게 나을지 고민입니다

4. 같은 데이터 재활용

• HomeFragment에서 보이는 배너 데이터와 HomeBannerAllFragment가 같은 내용이라서
• 홈에서 받아뒀던 데이터를 배너 전체 리스트에서 보여주었습니다
• 혹시 그 사이에 배너 리스트가 바뀌었을 경우를 고려해서 페이지 전환 시, api를 다시 호출하여 데이터를 받는 게 좋을까요?

기타

1. domain, data 모듈도 feature 모듈처럼 home, mypage 탭으로 나누는 게 효율적일까요?
2. HelloWorld 관련 코드들은 삭제했습니다.
3. 배너에서 + 버튼 선택 시, 배너 리스트 전체가 나오는 기능은 아직 구현 중이라 해당 PR에는 포함되지 않았습니다 -> 추가했습니다
4. API 통신에서 Error Handling 하는 부분도 추가할 예정입니다.

[jung0115]

기능 추가했습니다 (2024.06.28. 15:19)

• 배너에서 + 버튼 선택 시 배너 전체 리스트 페이지로 이동
• 배너 전체 리스트에서 배너 선택 시, 상세 페이지로 이동