레시피 리스트UI를 생성해보았습니다.

HomeCafeRecipes/HomeCafeRecipes/Assets.xcassets/EmptyImage.imageset/Contents.json

@@ -0,0 +1,21 @@
+{
+  "images" : [
+    {
+      "idiom" : "universal",
+      "scale" : "1x"
+    },
+    {
+      "filename" : "EmptyImage.jpg",
+      "idiom" : "universal",
+      "scale" : "2x"
+    },
+    {
+      "idiom" : "universal",
+      "scale" : "3x"
+    }
+  ],
+  "info" : {
+    "author" : "xcode",
+    "version" : 1
+  }
+}

HomeCafeRecipes/HomeCafeRecipes/Domain/Interactor/RecipeListInteractor.swift

@@ -8,71 +8,56 @@
 import Foundation
 import RxSwift
 
-protocol RecipeListViewModelDelegate: AnyObject {
-    func didFetchRecipes(_ recipes: [RecipeListItemViewModel])
-    func didFail(with error: Error)
+protocol RecipeListInteractorDelegate: AnyObject {
+    func fetchedRecipes(result: Result<[Recipe], Error>)
+    func showRecipeDetail(ID: Int)
 }
 
 protocol InputRecipeListInteractor {
     func viewDidLoad()
     func fetchNextPage()
-    func didSelectItem(id: Int) -> RecipeItemViewModel?
+    func didSelectItem(ID: Int)
     func searchRecipes(with query: String)
     func resetSearch()
 }
 
 protocol OutputRecipeListInteractor {
-    var recipes: Observable<[RecipeListItemViewModel]> { get }
-    var error: Observable<Error?> { get }
+    var recipes: Observable<Result<[Recipe], Error>> { get }
 }
 
 class RecipeListInteractor: InputRecipeListInteractor, OutputRecipeListInteractor {
-            
+
     private let disposeBag = DisposeBag()
     private let fetchFeedListUseCase: FetchFeedListUseCase
     private let searchFeedListUseCase: SearchFeedListUseCase
-    private let recipeListMapper = RecipeListMapper()
-    private weak var delegate: RecipeListViewModelDelegate?
+    private weak var delegate: RecipeListInteractorDelegate?
 
     private var currentPage: Int = 1
     private var isFetching = false
     private var isSearching = false
     private var currentSearchQuery: String?
     private var allRecipes: [Recipe] = []
 
-    private let recipesSubject = BehaviorSubject<[RecipeListItemViewModel]>(value: [])
-    private let errorSubject = BehaviorSubject<Error?>(value: nil)
+    private let recipesSubject = BehaviorSubject<Result<[Recipe], Error>>(value: .success([]))
 
-    var recipes: Observable<[RecipeListItemViewModel]> {
+    var recipes: Observable<Result<[Recipe], Error>> {
         return recipesSubject.asObservable()
     }
 
-    var error: Observable<Error?> {
-        return errorSubject.asObservable()
-    }
-
     init(fetchFeedListUseCase: FetchFeedListUseCase, searchFeedListUseCase: SearchFeedListUseCase) {
         self.fetchFeedListUseCase = fetchFeedListUseCase
         self.searchFeedListUseCase = searchFeedListUseCase
     }
 
-    func setDelegate(_ delegate: RecipeListViewModelDelegate) {
+    func setDelegate(_ delegate: RecipeListInteractorDelegate) {
         self.delegate = delegate
         bindOutputs()
     }
 
     private func bindOutputs() {
         recipes
-            .subscribe(onNext: { [weak self] recipes in
-                self?.delegate?.didFetchRecipes(recipes)
-            })
-            .disposed(by: disposeBag)
-
-        error
-            .subscribe(onNext: { [weak self] error in
-                if let error = error {
-                    self?.delegate?.didFail(with: error)
-                }
+            .subscribe(onNext: { [weak self] result in
+                self?.delegate?.fetchedRecipes(result: result)
             })
             .disposed(by: disposeBag)
     }
@@ -85,18 +70,15 @@ class RecipeListInteractor: InputRecipeListInteractor, OutputRecipeListInteracto
         fetchNextRecipes(nextPage: currentPage)
     }
 
-    func didSelectItem(id: Int) -> RecipeItemViewModel? {
-        guard let recipe = allRecipes.first(where: { $0.id == id }) else {
-            return nil
-        }
-        return recipeListMapper.mapToRecipeItemViewModel(from: recipe)
+    func didSelectItem(ID: Int) {
+        delegate?.showRecipeDetail(ID: ID)
     }
 
     func resetSearch() {
         isSearching = false
         currentSearchQuery = nil
         currentPage = 1
-        recipesSubject.onNext([])
+        recipesSubject.onNext(.success([]))
         fetchRecipes()
     }
 
@@ -107,27 +89,33 @@ class RecipeListInteractor: InputRecipeListInteractor, OutputRecipeListInteracto
         isSearching = true
         currentPage = 1
         searchFeedListUseCase.execute(title: title, pageNumber: currentPage)
-            .subscribe(onSuccess: handleSuccess, onFailure: handleError)
+            .subscribe { [weak self] result in
+                self?.handleResult(result)
+            }
             .disposed(by: disposeBag)
     }
 
     private func fetchRecipes() {
         guard !isFetching else { return }
         isFetching = true
         fetchFeedListUseCase.execute(pageNumber: currentPage)
-            .subscribe(onSuccess: handleSuccess, onFailure: handleError)
+            .subscribe { [weak self] result in
+                self?.handleResult(result)
+            }
             .disposed(by: disposeBag)
     }
 
-    private func fetchNextRecipes(nextPage: Int){
+    private func fetchNextRecipes(nextPage: Int) {
         guard !isFetching else { return }
         isFetching = true
         fetchFeedListUseCase.execute(pageNumber: nextPage)
-            .subscribe(onSuccess: handleSuccess, onFailure: handleError)
+            .subscribe { [weak self] result in
+                self?.handleResult(result)
+            }
             .disposed(by: disposeBag)
     }
 
-    private func handleSuccess(result: Result<[Recipe], Error>) {
+    private func handleResult(_ result: Result<[Recipe], Error>) {
         isFetching = false
         switch result {
         case .success(let recipes):
@@ -139,23 +127,11 @@ class RecipeListInteractor: InputRecipeListInteractor, OutputRecipeListInteracto
             } else {
                 allRecipes.append(contentsOf: recipes)
             }
-            let recipeViewModels = recipeListMapper.mapToRecipeListItemViewModels(from: recipes)
-            var currentRecipes = try! recipesSubject.value()
-            if isSearching {
-                currentRecipes = recipeViewModels
-                isSearching = false
-            } else {
-                currentRecipes.append(contentsOf: recipeViewModels)
-            }
-            recipesSubject.onNext(currentRecipes)
-            currentPage += 1
+            self.recipesSubject.onNext(.success(allRecipes))
+            self.currentPage += 1
         case .failure(let error):
-            errorSubject.onNext(error)
+            recipesSubject.onNext(.failure(error))
         }
     }
-
-    private func handleError(error: Error) {
-        isFetching = false
-        errorSubject.onNext(error)
-    }
+
 }

HomeCafeRecipes/HomeCafeRecipes/Extensions/String+Validation.swift

@@ -0,0 +1,14 @@
+//
+//  String+Validation.swift
+//  HomeCafeRecipes
+//
+//  Created by 김건호 on 6/25/24.
+//
+
+import Foundation
+
+extension String {
+    var isBlank: Bool {
+        self.trimmingCharacters(in: .whitespacesAndNewlines).isEmpty
+    }
+}

HomeCafeRecipes/HomeCafeRecipes/Extensions/UIImageViewImageLoading.swift

@@ -0,0 +1,19 @@
+//
+//  UIImageViewImageLoading.swift
+//  HomeCafeRecipes
+//
+//  Created by 김건호 on 6/25/24.
+//
+
+import UIKit
+
+extension UIImageView {
+    func loadImage(from url: URL) {
+        URLSession.shared.dataTask(with: url) { data, response, error in
+            guard let data = data, error == nil else { return }
+            DispatchQueue.main.async {
+                self.image = UIImage(data: data)
+            }
+        }.resume()
+    }
+}

HomeCafeRecipes/HomeCafeRecipes/Presentation/FeedList/View/RecipeListCell.swift

@@ -0,0 +1,61 @@
+//
+//  RecipeListViewCell.swift
+//  HomeCafeRecipes
+//
+//  Created by 김건호 on 6/12/24.
+//
+
+import UIKit
+
+final class RecipeListViewCell: UICollectionViewCell {
+
+    private let recipeThumbnailView = UIImageView()
+    private let titleLabel = UILabel()
+
+    override init(frame: CGRect) {
+        super.init(frame: frame)
+        setupUI()
+    }
+
+    required init?(coder: NSCoder) {
+        fatalError("init(coder:) has not been implemented")
+    }
+
+    private func setupUI() {
+        contentView.addSubview(recipeThumbnailView)
+        contentView.addSubview(titleLabel)
+
+        recipeThumbnailView.translatesAutoresizingMaskIntoConstraints = false
+        titleLabel.translatesAutoresizingMaskIntoConstraints = false
+
+        NSLayoutConstraint.activate([
+            recipeThumbnailView.topAnchor.constraint(equalTo: topAnchor),
+            recipeThumbnailView.leadingAnchor.constraint(equalTo: leadingAnchor, constant: 10),
+            recipeThumbnailView.trailingAnchor.constraint(equalTo: trailingAnchor, constant: -10),
+            recipeThumbnailView.heightAnchor.constraint(equalTo: heightAnchor, multiplier: 0.75),
+
+            titleLabel.topAnchor.constraint(equalTo: recipeThumbnailView.bottomAnchor, constant: 10),
+            titleLabel.leadingAnchor.constraint(equalTo: leadingAnchor, constant: 10),
+            titleLabel.trailingAnchor.constraint(equalTo: trailingAnchor, constant: -10),
+            titleLabel.bottomAnchor.constraint(equalTo: bottomAnchor, constant: -10),
+            titleLabel.heightAnchor.constraint(equalTo: heightAnchor, multiplier: 0.15)
+        ])
+
+        titleLabel.font = Fonts.titleFont
+        titleLabel.textAlignment = .center
+
+        recipeThumbnailView.contentMode = .scaleAspectFill
+        recipeThumbnailView.clipsToBounds = true
+        recipeThumbnailView.image = UIImage(named: "EmptyImage")
+    }
+
+    func configure(with viewModel: RecipeListItemViewModel) {
+        titleLabel.text = viewModel.name
+        if let imageUrl = viewModel.imageURL {
+            recipeThumbnailView.loadImage(from: imageUrl)
+        } else {
+            recipeThumbnailView.image = UIImage(named: "EmptyImage")
+        }
+
+    }
+}

HomeCafeRecipes/HomeCafeRecipes/Presentation/FeedList/View/RecipeListView.swift

@@ -0,0 +1,104 @@
+//
+//  RecipeListView.swift
+//  HomeCafeRecipes
+//
+//  Created by 김건호 on 6/10/24.
+//
+
+import UIKit
+
+protocol RecipeListViewDelegate: AnyObject {
+    func ScrollToBottom()
+    func didSelectItem(ID: Int)
+}
+
+final class RecipeListView: UIView {
+
+    private enum Metric {
+        static let itemSize: CGSize = .init(width: UIScreen.main.bounds.width - 20, height: 200)
+        static let minimumLineSpacing: CGFloat = 10.0
+        static let minimumInteritemSpacing: CGFloat = 10.0
+    }
+
+    private let collectionView = UICollectionView(frame: .zero, collectionViewLayout: UICollectionViewFlowLayout())
+
+    private var recipes: [RecipeListItemViewModel] = []
+    weak var coordinator: RecipeDetailCoordinatorProtocol?
+    weak var delegate: RecipeListViewDelegate?
+
+    override init(frame: CGRect) {
+        super.init(frame: frame)
+        setupUI()
+        setupLayout()
+    }
+
+    required init?(coder: NSCoder) {
+        fatalError("init(coder:) has not been implemented")
+    }
+
+    private func setupUI() {
+        backgroundColor = .white
+        addSubview(collectionView)
+        collectionView.register(RecipeListViewCell.self, forCellWithReuseIdentifier: "RecipeCell")
+        configureCollectionView()
+    }
+
+    private func setupLayout() {
+        collectionView.translatesAutoresizingMaskIntoConstraints = false
+        NSLayoutConstraint.activate([
+            collectionView.topAnchor.constraint(equalTo: safeAreaLayoutGuide.topAnchor),
+            collectionView.leadingAnchor.constraint(equalTo: leadingAnchor),
+            collectionView.trailingAnchor.constraint(equalTo: trailingAnchor),
+            collectionView.bottomAnchor.constraint(equalTo: safeAreaLayoutGuide.bottomAnchor)
+        ])
+    }
+
+    private func configureCollectionView() {
+        let layout = UICollectionViewFlowLayout()
+        layout.itemSize = Metric.itemSize
+        layout.minimumLineSpacing = Metric.minimumLineSpacing
+        layout.minimumInteritemSpacing = Metric.minimumInteritemSpacing
+        collectionView.collectionViewLayout = layout
+        collectionView.delegate = self
+        collectionView.dataSource = self
+    }
+
+    func setRecipes(_ recipes: [RecipeListItemViewModel]) {
+        self.recipes = recipes
+        collectionView.reloadData()
+    }
+}
+
+// MARK: - UICollectionViewDataSource
+extension RecipeListView: UICollectionViewDataSource {
+    func collectionView(_ collectionView: UICollectionView, numberOfItemsInSection section: Int) -> Int {
+        return recipes.count
+    }
+
+    func collectionView(_ collectionView: UICollectionView, cellForItemAt indexPath: IndexPath) -> UICollectionViewCell {
+        let cell = collectionView.dequeueReusableCell(withReuseIdentifier: "RecipeCell", for: indexPath) as! RecipeListViewCell
+        let recipeViewModel = recipes[indexPath.item]
+        cell.configure(with: recipeViewModel)
+        return cell
+    }
+}
+
+// MARK: - UICollectionViewDelegate
+extension RecipeListView: UICollectionViewDelegate {
+    func collectionView(_ collectionView: UICollectionView, didSelectItemAt indexPath: IndexPath) {
+        let recipeListItemViewModel = recipes[indexPath.item]
+        delegate?.didSelectItem(ID: recipeListItemViewModel.id)
+    }
+}
+
+extension RecipeListView: UIScrollViewDelegate {
+    func scrollViewDidScroll(_ scrollView: UIScrollView) {
+        let offsetY = scrollView.contentOffset.y
+        let contentHeight = scrollView.contentSize.height
+        let height = scrollView.frame.size.height
+
+        if offsetY > contentHeight - height {
+            delegate?.ScrollToBottom()
+        }
+    }
+}