홈 화면 레이아웃 구현 (with CollectionViewFlowLayout)

MemorialHouse/MHApplication/MHApplication/Source/App/SceneDelegate.swift

@@ -13,12 +13,15 @@ final class SceneDelegate: UIResponder, UIWindowSceneDelegate {
         guard let windowScene = (scene as? UIWindowScene) else { return }
         window = UIWindow(windowScene: windowScene)
 
-        let initialViewController = UserDefaults.standard.object(forKey: Constant.houseNameUserDefaultKey) == nil
-        ? RegisterViewController()
-        : HomeViewController()
+        let initialViewController: UIViewController
+        if let houseName = UserDefaults.standard.object(forKey: Constant.houseNameUserDefaultKey) as? String {
+            let viewModel = HomeViewModel(houseName: houseName)
+            initialViewController = HomeViewController(viewModel: viewModel)
+        } else {
+            initialViewController = RegisterViewController()
+        }
 
         let navigationController = UINavigationController(rootViewController: initialViewController)
-        navigationController.navigationBar.isHidden = true
         window?.rootViewController = navigationController
         window?.makeKeyAndVisible()
     }

MemorialHouse/MHDomain/MHDomain/Entity/BookCover.swift

@@ -4,21 +4,21 @@ public struct BookCover {
     public let bookIdentifer = UUID()
     public let title: String
     public let imageURL: String
-    public let bookType: BookColor
+    public let bookColor: BookColor
     public let category: String
-    public let favorite: Bool
+    public let isLike: Bool
 
     public init(
         title: String,
         imageURL: String,
-        bookType: BookColor,
+        bookColor: BookColor,
         category: String,
-        favorite: Bool = false
+        isLike: Bool = false
     ) {
         self.title = title
         self.imageURL = imageURL
-        self.bookType = bookType
+        self.bookColor = bookColor
         self.category = category
-        self.favorite = favorite
+        self.isLike = isLike
     }
 }

MemorialHouse/MHPresentation/MHPresentation/Resource/Images.xcassets/BookMakeImage.imageset/Contents.json

@@ -0,0 +1,23 @@
+{
+  "images" : [
+    {
+      "filename" : "Subject.png",
+      "idiom" : "universal",
+      "scale" : "1x"
+    },
+    {
+      "filename" : "[email protected]",
+      "idiom" : "universal",
+      "scale" : "2x"
+    },
+    {
+      "filename" : "[email protected]",
+      "idiom" : "universal",
+      "scale" : "3x"
+    }
+  ],
+  "info" : {
+    "author" : "xcode",
+    "version" : 1
+  }
+}

MemorialHouse/MHPresentation/MHPresentation/Resource/Images.xcassets/DotHorizontalImage.imageset/Contents.json

@@ -0,0 +1,23 @@
+{
+  "images" : [
+    {
+      "filename" : "image 19.png",
+      "idiom" : "universal",
+      "scale" : "1x"
+    },
+    {
+      "filename" : "image [email protected]",
+      "idiom" : "universal",
+      "scale" : "2x"
+    },
+    {
+      "filename" : "image [email protected]",
+      "idiom" : "universal",
+      "scale" : "3x"
+    }
+  ],
+  "info" : {
+    "author" : "xcode",
+    "version" : 1
+  }
+}

MemorialHouse/MHPresentation/MHPresentation/Resource/Images.xcassets/DropDownImage.imageset/Contents.json

@@ -0,0 +1,23 @@
+{
+  "images" : [
+    {
+      "filename" : "Vector 17.png",
+      "idiom" : "universal",
+      "scale" : "1x"
+    },
+    {
+      "filename" : "Vector [email protected]",
+      "idiom" : "universal",
+      "scale" : "2x"
+    },
+    {
+      "filename" : "Vector [email protected]",
+      "idiom" : "universal",
+      "scale" : "3x"
+    }
+  ],
+  "info" : {
+    "author" : "xcode",
+    "version" : 1
+  }
+}

MemorialHouse/MHPresentation/MHPresentation/Resource/Images.xcassets/LikeFillImage.imageset/Contents.json

@@ -0,0 +1,23 @@
+{
+  "images" : [
+    {
+      "filename" : "Favorite_duotone.png",
+      "idiom" : "universal",
+      "scale" : "1x"
+    },
+    {
+      "filename" : "[email protected]",
+      "idiom" : "universal",
+      "scale" : "2x"
+    },
+    {
+      "filename" : "[email protected]",
+      "idiom" : "universal",
+      "scale" : "3x"
+    }
+  ],
+  "info" : {
+    "author" : "xcode",
+    "version" : 1
+  }
+}

MemorialHouse/MHPresentation/MHPresentation/Resource/Images.xcassets/likeEmptyImage.imageset/Contents.json

@@ -0,0 +1,23 @@
+{
+  "images" : [
+    {
+      "filename" : "Favorite.png",
+      "idiom" : "universal",
+      "scale" : "1x"
+    },
+    {
+      "filename" : "[email protected]",
+      "idiom" : "universal",
+      "scale" : "2x"
+    },
+    {
+      "filename" : "[email protected]",
+      "idiom" : "universal",
+      "scale" : "3x"
+    }
+  ],
+  "info" : {
+    "author" : "xcode",
+    "version" : 1
+  }
+}

MemorialHouse/MHPresentation/MHPresentation/Source/BookCreation/BookCreationViewController.swift

@@ -64,6 +64,7 @@ final class BookCreationViewController: UIViewController {
     override func viewDidLoad() {
         super.viewDidLoad()
 
+        setup()
         configureConstraints()
     }
 
@@ -74,7 +75,12 @@ final class BookCreationViewController: UIViewController {
         super.touchesBegan(touches, with: event)
     }
 
-    // MARK: - Helper
+    // MARK: - Setup & Configuration
+    private func setup() {
+        view.backgroundColor = .baseBackground
+        navigationController?.navigationBar.isHidden = false
+    }
+
     private func configureConstraints() {
         // 책 미리보기
         let bookPreviewViewBackground = bookImageView.embededInDefaultBackground(

MemorialHouse/MHPresentation/MHPresentation/Source/Design/MHBook.swift → MemorialHouse/MHPresentation/MHPresentation/Source/Design/MHBookCover.swift

@@ -2,7 +2,7 @@ import UIKit
 import MHFoundation
 import MHDomain
 
-final class MHBook: UIView {
+final class MHBookCover: UIView {
     // MARK: - Property
     private let bookCoverImageView = UIImageView()
     private let titleLabel = UILabel(style: .default)
@@ -17,7 +17,7 @@ final class MHBook: UIView {
 
         return imageView
     }()
-    private let publisherLabel = UILabel(style: .body2)
+    private let houseLabel = UILabel(style: .body2)
 
     // MARK: - Initializer
     init() {
@@ -34,24 +34,30 @@ final class MHBook: UIView {
         configureConstraints()
     }
 
+    func resetProperties() {
+        bookCoverImageView.image = nil
+        titleLabel.text = nil
+        targetImageView.image = nil
+    }
+
     // MARK: - Configuration
     func configure(
         title: String,
         bookCoverImage: UIImage,
         targetImage: UIImage,
-        publisher: String
+        houseName: String
     ) {
         titleLabel.text = title
         bookCoverImageView.image = bookCoverImage
         targetImageView.image = targetImage
-        publisherLabel.text = publisher
+        houseLabel.text = houseName
     }
 
     private func configureAddSubView() {
         addSubview(bookCoverImageView)
         addSubview(titleLabel)
         addSubview(targetImageView)
-        addSubview(publisherLabel)
+        addSubview(houseLabel)
     }
 
     private func configureConstraints() {
@@ -60,8 +66,8 @@ final class MHBook: UIView {
         titleLabel.setCenterX(view: self, constant: 8)
         targetImageView.setTop(anchor: titleLabel.bottomAnchor, constant: 14)
         targetImageView.setCenterX(view: self, constant: 8)
-        targetImageView.setWidthAndHeight(width: 100, height: 100)
-        publisherLabel.setBottom(anchor: bottomAnchor, constant: 12)
-        publisherLabel.setTrailing(anchor: trailingAnchor, constant: 12)
+        targetImageView.setWidthAndHeight(width: 100, height: 110)
+        houseLabel.setBottom(anchor: bottomAnchor, constant: 12)
+        houseLabel.setTrailing(anchor: trailingAnchor, constant: 12)
     }
 }

MemorialHouse/MHPresentation/MHPresentation/Source/Extensions/UIImage+Resize.swift

@@ -0,0 +1,11 @@
+import UIKit
+
+extension UIImage {
+    static func resizedImage(image: UIImage, size: CGSize) -> UIImage {
+        let renderer = UIGraphicsImageRenderer(size: size)
+
+        return renderer.image { _ in
+            image.draw(in: CGRect(origin: .zero, size: size))
+        }
+    }
+}

MemorialHouse/MHPresentation/MHPresentation/Source/Home/BookCollectionViewCell.swift

@@ -0,0 +1,85 @@
+import UIKit
+
+final class BookCollectionViewCell: UICollectionViewCell {
+    // MARK: - Properties
+    private let bookCoverView = MHBookCover()
+    private let likeButton = UIButton(type: .custom)
+    private let dropDownButton = UIButton(type: .custom)
+
+    // MARK: - Initializer
+    override init(frame: CGRect) {
+        super.init(frame: frame)
+
+        configureAddSubView()
+        configureAction()
+        configureConstraints()
+    }
+
+    required init?(coder: NSCoder) {
+        super.init(coder: coder)
+
+        configureAddSubView()
+        configureAction()
+        configureConstraints()
+    }
+
+    override func prepareForReuse() {
+        super.prepareForReuse()
+
+        bookCoverView.resetProperties()
+        likeButton.imageView?.image = nil
+    }
+
+    // MARK: - Configuration
+    func configure(
+        title: String,
+        bookCoverImage: UIImage,
+        targetImage: UIImage,
+        isLike: Bool,
+        // category: String, // TODO: 카테고리 처리 생각해보기
+        houseName: String
+    ) {
+        bookCoverView.configure(
+            title: title,
+            bookCoverImage: bookCoverImage,
+            targetImage: targetImage,
+            houseName: houseName
+        )
+
+        let likeImage = UIImage.resizedImage(
+            image: isLike ? .likeFill : .likeEmpty,
+            size: CGSize(width: 28, height: 28)
+        )
+        likeButton.setImage(likeImage, for: .normal)
+        dropDownButton.setImage(.dotHorizontal, for: .normal)
+    }
+
+    private func configureAddSubView() {
+        contentView.addSubview(bookCoverView)
+        contentView.addSubview(likeButton)
+        contentView.addSubview(dropDownButton)
+    }
+
+    private func configureAction() {
+        likeButton.addAction(UIAction { _ in
+            // TODO: 좋아요 버튼 로직
+        }, for: .touchUpInside)
+
+        dropDownButton.addAction(UIAction { _ in
+            // TODO: UI Menu 띄우기
+        }, for: .touchUpInside)
+    }
+
+    private func configureConstraints() {
+        bookCoverView.fillSuperview()
+        likeButton.setAnchor(
+            top: bookCoverView.bottomAnchor,
+            trailing: dropDownButton.leadingAnchor, constantTrailing: 10
+        )
+        dropDownButton.setAnchor(
+            trailing: contentView.trailingAnchor, constantTrailing: 4,
+            width: 24, height: 16
+        )
+        dropDownButton.setCenterY(view: likeButton)
+    }
+}