[EasyCloset] 🏞️ 이미지 관련 Repository Protoco분리, POP 구현

이미지를 가져와서 모델 객체에 매핑하는 역할을 POP로 구현

배경

• StyleRepository 를 구현하던 중, Style 들을 가져올 때 각 스타일 내부에 있는 Clothes 객체에 "이미지를 가져와서 매핑"하는 작업이 똑같이 필요했음

  Q. StyleRepository가 ClothesRepository에서 데이터르 가져오면 되는 것 아닌가?
  - A. 조금 비효율적인 면이 존재할 수 있지만, 사용되는 Scene이 전혀 다르기 때문에 각각의 Repository가 별개로 동작하는 것이 더 적절하겠다고 생각했기에 별도로 구현함. (ex. Clothes을 확인하지 않고, Style화면만 볼 수도 있기에...)

• 이미지를 매핑하는 로직을 프로토콜로 추상화하여 POP로 구현하기로 결정

ImageFetchable POP 구현

• 아래처럼 이미지를 매핑 해 주는 부분을 protocol extension 으로 구현함.
  • 하지만 이런 방식은 오직 Clothes 에만 이미지를 매핑할 수 있으므로, 이미지를 매핑 받을 수 있는 protocol 타입을 정의하여 제네릭으로 차후 다른 모델 객체들도 이미지를 매핑할 수 있게 만들어주고 싶었음
  • → 이미지를 불러올 때 필요한 정보는 id값과 image 프로퍼티 두 가지만 필요하기에 해당 부분을 protocol 로 분리하여 여러 모델타입에 이미지를 매핑할 수 있게 구현하기로 결정

protocol ImageFetchable {
  var imageCacheManager: ImageCacheManager { get }
  var imageFileStorage: ImageFileStorageProtocol { get }
  func addingImages(to clothesModels: [Clothes]) -> AnyPublisher<[Clothes], Never>
}

extension ImageFetchable {
  var imageCacheManager: ImageCacheManager { .shared }
  var imageFileStorage: ImageFileStorageProtocol { ImageFileStorage.shared }

  func addingImages(to clothesModels: [Clothes]) -> AnyPublisher<[Clothes], Never> {
    let clothesWithImagePublishers: [AnyPublisher<Clothes, Never>] = clothesModels.map { model in
      if let image = imageCacheManager.get(for: model.id) {
        var clothes = model
        clothes.image = image
        return Just(clothes).eraseToAnyPublisher()
      }

      return imageFileStorage.load(withID: model.id)
        .replaceError(with: UIImage())
        .map { image in
          var clothes = model
          clothes.image = image
          return clothes
        }
        .eraseToAnyPublisher()
    }

    return Publishers.MergeMany(clothesWithImagePublishers)
      .collect()
      .eraseToAnyPublisher()
  }
}

최종 구현 - 여러 타입에 이미지를 매핑할 수 있게 구현

• 이미지를 매핑하는데 필요한 프로퍼티인 id, image만 분리하여 ImagableModel 이라는 프로토콜로 추상화

protocol ImagableModel {
  var id: UUID { get }
  // 이미지를 매핑할 때 저장할 수 있어야 하므로 get set 둘 다 요구사항을 줌
  var image: UIImage? { get set }
}

// 이미지를 매핑할 모델 객체에 ImagbleModel 채택
struct Clothes: ImagableModel {
  let id: UUID
  var image: UIImage?
	...
}

• 아래처럼 addingImages 메서드에 ImagableModel로 제네릭을 줌으로서, 이미지를 가질 수 있는 (ImagebleModel을 채택한) 어떤 타입의 모델에 대해서도 매핑이 가능하게 되었음.

  	> 그 외 다른 부분의 구현 로직은 동일

protocol ImageFetchableRepository {
  func addingImages<T: ImagableModel>(to imagableModels: [T]) -> AnyPublisher<[T], RepositoryError>
...

• Repository에서는 해당 ImageFetchable을 채택하고, 데이터를 받아온 후 addingImages를 호출만 하면 되는 간단한 방식이 됨

final class ClothesRepository: ClothesRepositoryProtocol, ImageFetchableRepository {
	func fetchClothesList() -> AnyPublisher<ClothesList, RepositoryError> {
	  let clothesEntities = realmStorage.load(entityType: ClothesEntity.self)
	  let clothesModelsWithoutImage = clothesEntities.map { $0.toModelWithoutImage() }
	  return addingImages(to: clothesModelsWithoutImage)
	    .map { $0.toClothesList() }
	    .eraseToAnyPublisher()
	}