[#198] 리뷰v2 UI 작업

EATSSU/App/Sources/Presentation/Home/ViewController/HomeViewController.swift

@@ -10,7 +10,7 @@ import UIKit
 import EATSSUDesign
 
 import FirebaseAnalytics
-import GoogleMobileAds
+//import GoogleMobileAds
 import Moya
 import SnapKit
 

EATSSU/App/Sources/Presentation/Review/MainReviewView/Component/ChartComponentView.swift

@@ -0,0 +1,68 @@
+//
+//  ChartComponentView.swift
+//  EATSSU
+//
+//  Created by 최지우 on 2/18/25.
+//
+
+import UIKit
+
+import EATSSUDesign
+import SnapKit
+
+final class ChartComponentView: BaseUIView {
+
+    private lazy var chartBarView = UIView()
+
+    private let pointLabel: UILabel = {
+        let label = UILabel()
+        label.text = "5점"
+        label.font = EATSSUDesignFontFamily.Pretendard.medium.font(size: 12)
+        return label
+    }()
+
+    public var chartBarBackgroundView: UIView = {
+        let view = UIView()
+        view.backgroundColor = EATSSUDesignAsset.Color.GrayScale.gray200.color
+        view.layer.cornerRadius = 5
+        return view
+    }()
+
+    public var chartBarforegroundView: UIView = {
+        let view = UIView()
+        view.backgroundColor = EATSSUDesignAsset.Color.Main.primary.color
+        view.layer.cornerRadius = 5
+        return view
+    }()
+
+    private lazy var chartComponentStackView: UIStackView = {
+        let stackView = UIStackView(arrangedSubviews: [pointLabel, chartBarView])
+        stackView.axis = .horizontal
+        stackView.spacing = 9
+        return stackView
+    }()
+
+    override func configureUI() {
+        chartBarView.addSubviews(chartBarBackgroundView,
+                                 chartBarforegroundView)
+        addSubviews(chartComponentStackView)
+    }
+
+    override func setLayout() {
+        chartBarView.snp.makeConstraints { make in
+            make.width.equalTo(115.adjusted)
+            make.height.equalTo(10.adjusted)
+        }
+        chartBarforegroundView.snp.makeConstraints { make in
+            make.width.equalTo(80.adjusted)
+            make.height.equalTo(10.adjusted)
+            make.top.leading.equalToSuperview()
+        }
+        chartBarBackgroundView.snp.makeConstraints { make in
+            make.edges.equalToSuperview()
+        }
+        chartComponentStackView.snp.makeConstraints { make in
+            make.edges.equalToSuperview()
+        }
+    }
+}

EATSSU/App/Sources/Presentation/Review/MainReviewView/Component/MenuChipCollectionViewCell.swift

@@ -0,0 +1,106 @@
+//
+//  MenuChipCollectionViewCell.swift
+//  EATSSU-DEV
+//
+//  Created by 최지우 on 2/2/25.
+//
+
+import UIKit
+import SnapKit
+
+import EATSSUDesign
+
+final class MenuChipCollectionViewCell: UICollectionViewCell {
+    static let id = "MenuChipCollectionViewCell"
+
+    private let menuChipView: UIView = {
+        let view = UIView()
+        view.backgroundColor = EATSSUDesignAsset.Color.Main.secondary.color
+        view.layer.cornerRadius = 10
+        view.layer.borderColor = EATSSUDesignAsset.Color.Main.primary.color.cgColor
+        view.layer.borderWidth = 0.5
+        view.backgroundColor = .purple
+        return view
+    }()
+
+    private let thumbsupImageView: UIImageView = {
+        let imageView = UIImageView(image: EATSSUDesignAsset.Images.filledThumbUp.image)
+        imageView.contentMode = .scaleAspectFit
+        return imageView
+    }()
+
+    private let menuLabel: UILabel = {
+        let label = UILabel()
+        label.font = EATSSUDesignFontFamily.Pretendard.medium.font(size: 10)
+        label.textColor = EATSSUDesignAsset.Color.Main.primary.color
+        label.text = "김치볶음바바바밥"
+        return label
+    }()
+
+    lazy var menuChipStackView: UIStackView = {
+        let stackView = UIStackView(arrangedSubviews: [thumbsupImageView, menuLabel])
+        stackView.axis = .horizontal
+        stackView.spacing = 1
+        stackView.alignment = .center
+        stackView.backgroundColor = .green
+        return stackView
+    }()
+
+    override init(frame: CGRect) {
+        super.init(frame: frame)
+
+        configureUI()
+        setLayout()
+    }
+
+    required init?(coder: NSCoder) {
+        fatalError("init(coder:) has not been implemented")
+    }
+
+    private func configureUI() {
+        addSubview(menuChipView)
+        menuChipView.addSubviews(menuChipStackView)
+    }
+
+    private func setLayout() {
+        thumbsupImageView.snp.makeConstraints { make in
+            make.width.height.equalTo(12)
+        }
+        menuLabel.snp.makeConstraints { make in
+            make.height.greaterThanOrEqualTo(12)
+        }
+        menuChipStackView.snp.makeConstraints { make in
+            make.edges.equalToSuperview().inset(5)
+            make.height.greaterThanOrEqualTo(12)
+        }
+    }
+
+    override func prepareForReuse() {
+        super.prepareForReuse()
+        self.prepare(name: nil)
+    }
+
+    func prepare(name: String?) {
+        self.menuLabel.text = name
+        setupDynamicLayout()
+    }
+
+    private func setupDynamicLayout() {
+        menuLabel.sizeToFit()
+        let viewSize = menuLabel.intrinsicContentSize
+        let width = viewSize.width + 30
+        let height = viewSize.height + 48
+
+        menuChipView.snp.remakeConstraints { make in
+            make.width.equalTo(width)
+            make.height.equalTo(height)
+        }
+
+        menuChipStackView.snp.remakeConstraints { make in
+            make.width.equalTo(width)
+            make.height.equalTo(height)
+        }
+
+        layoutIfNeeded()
+    }
+}

EATSSU/App/Sources/Presentation/Review/MainReviewView/Component/MenuChipHorizontalScrollView.swift

@@ -0,0 +1,84 @@
+//
+//  MenuChipHorizontalScrollView.swift
+//  EATSSU-DEV
+//
+//  Created by 최지우 on 1/30/25.
+//
+
+import UIKit
+
+import EATSSUDesign
+
+class MenuChipHorizontalScrollView: BaseUIView {
+
+    // MARK: - Properties
+    var menuDataSource: [String]? {
+        didSet { bind() }
+    }
+
+    lazy var horizontalScrollView: UIScrollView = {
+        let scrollView = UIScrollView()
+        scrollView.showsHorizontalScrollIndicator = false
+        return scrollView
+    }()
+
+    private lazy var stackView: UIStackView = {
+        let stackView = UIStackView()
+        stackView.axis = .horizontal
+        stackView.spacing = 4
+        return stackView
+    }()
+
+    override func configureUI() {
+        horizontalScrollView.addSubview(stackView)
+        addSubview(horizontalScrollView)
+    }
+
+    override func setLayout() {
+        stackView.snp.makeConstraints { make in
+            make.edges.equalToSuperview()
+        }
+
+        horizontalScrollView.snp.makeConstraints { make in
+            make.center.width.equalToSuperview()
+            make.height.equalTo(stackView)
+            make.trailing.equalToSuperview()
+        }
+    }
+
+    private func bind() {
+        menuDataSource?.forEach { menuData in
+            let button = createButton(menuData)
+            stackView.addArrangedSubview(button)
+            debugPrint(menuData)
+        }
+    }
+
+    private func createButton(_ title: String) -> UIButton {
+        var config = UIButton.Configuration.borderedTinted()
+        config = configureButton(config, title)
+        return UIButton(configuration: config)
+    }
+
+    private func configureButton(_ config: UIButton.Configuration, _ title: String) -> UIButton.Configuration {
+        var config = config
+
+        let attributedString = AttributedString(
+            title,
+            attributes: AttributeContainer([
+                .font: EATSSUDesignFontFamily.Pretendard.medium.font(size: 10),
+                .foregroundColor: EATSSUDesignAsset.Color.Main.primary.color]))
+        config.attributedTitle = attributedString
+
+        config.baseBackgroundColor = EATSSUDesignAsset.Color.Main.secondary.color
+        config.background.strokeColor = EATSSUDesignAsset.Color.Main.primary.color
+        config.background.strokeWidth = 0.5
+
+        config.image = EATSSUDesignAsset.Images.filledThumbUp.image
+        config.imagePadding = 1
+        config.cornerStyle = .capsule
+        config.contentInsets = NSDirectionalEdgeInsets(top: 5, leading: 6, bottom: 5, trailing: 6)
+
+        return config
+    }
+}

EATSSU/App/Sources/Presentation/Review/MainReviewView/Component/ReactionView.swift

@@ -0,0 +1,48 @@
+//
+//  ReactionView.swift
+//  EATSSU
+//
+//  Created by 최지우 on 2/11/25.
+//
+
+import UIKit
+
+import EATSSUDesign
+import SnapKit
+
+final class ReactionView: BaseUIView {
+
+    // MARK: - UI Components
+
+    private let likeImageView: UIImageView = {
+        let imageView = UIImageView(image: EATSSUDesignAsset.Images.like.image)
+        imageView.contentMode = .scaleAspectFit
+        return imageView
+    }()
+
+    private let likeCountLabel: UILabel = {
+        let label = UILabel()
+        label.text = "3"
+        label.font = EATSSUDesignFontFamily.Pretendard.medium.font(size: 12)
+        return label
+    }()
+
+    lazy var stackView: UIStackView = {
+        let stackView = UIStackView(arrangedSubviews: [likeImageView, likeCountLabel])
+        stackView.axis = .horizontal
+        stackView.spacing = 3
+        return stackView
+    }()
+
+    // MARK: - Functions
+
+    override func configureUI() {
+        addSubview(stackView)
+    }
+
+    override func setLayout() {
+        stackView.snp.makeConstraints { make in
+            make.height.equalTo(20)
+        }
+    }
+}