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

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

@@ -0,0 +1,68 @@
+//
+//  RecipeListViewCell.swift
+//  HomeCafeRecipes
+//
+//  Created by 김건호 on 6/12/24.
+//
+
+import UIKit
+
+class RecipeListViewCell: UICollectionViewCell {
+
+    private let imageView = 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(imageView)
+        contentView.addSubview(titleLabel)
+
+        imageView.translatesAutoresizingMaskIntoConstraints = false
+        titleLabel.translatesAutoresizingMaskIntoConstraints = false
+
+        NSLayoutConstraint.activate([
+            imageView.topAnchor.constraint(equalTo: topAnchor),
+            imageView.leadingAnchor.constraint(equalTo: leadingAnchor, constant: 10),
+            imageView.trailingAnchor.constraint(equalTo: trailingAnchor, constant: -10),
+            imageView.heightAnchor.constraint(equalTo: heightAnchor, multiplier: 0.75),
+
+            titleLabel.topAnchor.constraint(equalTo: imageView.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 = .systemFont(ofSize: 16, weight: .bold)
+        titleLabel.textAlignment = .center
+    }
+
+    func configure(with viewModel: RecipeListItemViewModel) {
+        titleLabel.text = viewModel.name
+        if let imageUrl = viewModel.imageURL {
+            loadImage(from: imageUrl)
+        } else {
+            imageView.image = nil
+        }
+
+        imageView.contentMode = .scaleAspectFill
+        imageView.clipsToBounds = true
+    }
+
+    private 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.imageView.image = UIImage(data: data)
+            }
+        }.resume()
+    }
+}

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

@@ -0,0 +1,48 @@
+//
+//  RecipeListView.swift
+//  HomeCafeRecipes
+//
+//  Created by 김건호 on 6/10/24.
+//
+
+import UIKit
+
+class RecipeListView: UIView {
+
+    let collectionView = UICollectionView(frame: .zero, collectionViewLayout: UICollectionViewFlowLayout())
+
+    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 = CGSize(width: UIScreen.main.bounds.width - 20, height: 200)
+        layout.minimumLineSpacing = 10
+        layout.minimumInteritemSpacing = 10
+        collectionView.collectionViewLayout = layout
+    }
+}

HomeCafeRecipes/HomeCafeRecipes/Presentation/FeedList/View/RecipeListViewController.swift

@@ -0,0 +1,126 @@
+//
+//  RecipeListViewController.swift
+//  HomeCafeRecipes
+//
+//  Created by 김건호 on 6/10/24.
+//
+
+import UIKit
+
+class RecipeListViewController: UIViewController, RecipeListViewModelDelegate {
+
+    private var viewModel: RecipeListViewModel
+    private var recipes: [RecipeListItemViewModel] = []
+    private let searchBar = UISearchBar()
+    private let recipelistView = RecipeListView()
+
+    init(viewModel: RecipeListViewModel) {
+        self.viewModel = viewModel
+        super.init(nibName: nil, bundle: nil)
+        self.viewModel.setDelegate(self)
+    }
+
+    required init?(coder: NSCoder) {
+        fatalError("init(coder:) has not been implemented")
+    }
+
+    override func viewDidLoad() {
+        super.viewDidLoad()
+        setupUI()
+        viewModel.viewDidLoad()
+    }
+
+    private func setupUI() {
+
+        view.backgroundColor = .white
+        view.addSubview(searchBar)
+        view.addSubview(recipelistView)
+
+        searchBar.translatesAutoresizingMaskIntoConstraints = false
+        recipelistView.translatesAutoresizingMaskIntoConstraints = false
+
+        NSLayoutConstraint.activate([
+            searchBar.topAnchor.constraint(equalTo: view.safeAreaLayoutGuide.topAnchor, constant: -25),
+            searchBar.leadingAnchor.constraint(equalTo: view.leadingAnchor , constant: 10),
+            searchBar.trailingAnchor.constraint(equalTo: view.trailingAnchor, constant: -10),
+            searchBar.heightAnchor.constraint(equalToConstant: 50),
+
+            recipelistView.topAnchor.constraint(equalTo: searchBar.bottomAnchor),
+            recipelistView.leadingAnchor.constraint(equalTo: view.leadingAnchor),
+            recipelistView.trailingAnchor.constraint(equalTo: view.trailingAnchor),
+            recipelistView.bottomAnchor.constraint(equalTo: view.bottomAnchor)
+        ])
+
+        recipelistView.collectionView.dataSource = self
+        recipelistView.collectionView.delegate = self
+
+        searchBar.delegate = self
+    }
+
+    func didFetchRecipes(_ recipes: [RecipeListItemViewModel]) {
+        DispatchQueue.main.async {
+            self.recipes = recipes
+            self.recipelistView.collectionView.reloadData()
+        }
+    }
+
+    func didFail(with error: Error) {
+        print("Error: \(error.localizedDescription)")
+    }
+}
+
+extension RecipeListViewController: UICollectionViewDataSource, UICollectionViewDelegate {
+    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
+    }
+
+    func collectionView(_ collectionView: UICollectionView, didSelectItemAt indexPath: IndexPath) {
+        let recipeListItemViewModel = recipes[indexPath.item]        
+        if let recipeItemViewModel = viewModel.didSelectItem(id: recipeListItemViewModel.id) {
+            let detailVC = RecipeDetailViewController(viewModel: recipeItemViewModel)
+            navigationController?.pushViewController(detailVC, animated: true)
+        } else {
+            let RecipeIDErrorAlert = UIAlertController(title: "오류", message: "해당 정보를 찾지 못했습니다.", preferredStyle: .alert)
+            let okAction = UIAlertAction(title: "OK", style: .default) { _ in
+                self.navigationController?.popToRootViewController(animated: true)
+            }
+            RecipeIDErrorAlert.addAction(okAction)
+            present(RecipeIDErrorAlert, animated: true, completion: nil)
+        }
+    }
+
+    func scrollViewDidScroll(_ scrollView: UIScrollView) {
+        let offsetY = scrollView.contentOffset.y
+        let contentHeight = scrollView.contentSize.height
+        let height = scrollView.frame.size.height
+
+        if offsetY > contentHeight - height {
+            viewModel.fetchNextPage()
+        }
+    }
+}
+
+extension RecipeListViewController: UISearchBarDelegate {
+
+    func searchBar(_ searchBar: UISearchBar, textDidChange searchText: String) {
+        if searchBar.text?.count == 0 {
+            viewModel.resetSearch()
+        }
+    }
+
+    func searchBarSearchButtonClicked(_ searchBar: UISearchBar) {
+        guard let query = searchBar.text, !query.isEmpty else {
+            viewModel.resetSearch()
+            return
+        }
+        viewModel.searchRecipes(with: query)
+    }
+
+}

HomeCafeRecipes/HomeCafeRecipes/Presentation/FeedList/View/SearchBar.swift

@@ -0,0 +1,42 @@
+//
+//  SearchBar.swift
+//  HomeCafeRecipes
+//
+//  Created by 김건호 on 6/10/24.
+//
+
+import UIKit
+
+class SearchBar: UIView {
+
+    private let searchBar = UISearchBar()
+
+    var searchText: String? {
+        return searchBar.text
+    }
+
+    override init(frame: CGRect) {
+        super.init(frame: frame)
+        setupUI()
+    }
+
+    required init?(coder: NSCoder) {
+        fatalError("init(coder:) has not been implemented")
+    }
+
+    private func setupUI() {
+        addSubview(searchBar)
+        searchBar.translatesAutoresizingMaskIntoConstraints = false
+        NSLayoutConstraint.activate([
+            searchBar.topAnchor.constraint(equalTo: self.topAnchor),
+            searchBar.leadingAnchor.constraint(equalTo: self.leadingAnchor),
+            searchBar.trailingAnchor.constraint(equalTo: self.trailingAnchor),
+            searchBar.bottomAnchor.constraint(equalTo: self.bottomAnchor)
+        ])
+    }
+
+    func setDelegate(_ delegate: UISearchBarDelegate) {
+        searchBar.delegate = delegate
+    }
+
+}