[#198] ReviewSummaryView 레이아웃 적용 완료

background 적용

Author: CJiu01

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

@@ -52,7 +52,6 @@ final class ChartComponentView: BaseUIView {
         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)
@@ -63,7 +62,7 @@ final class ChartComponentView: BaseUIView {
             make.edges.equalToSuperview()
         }
         chartComponentStackView.snp.makeConstraints { make in
-            make.top.leading.bottom.equalToSuperview()
+            make.edges.equalToSuperview()
         }
     }
 }

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

@@ -31,7 +31,6 @@ final class ReviewSummaryView: BaseUIView {
     private lazy var thumbCountStackView: UIStackView = {
         let stackView = UIStackView(arrangedSubviews: [thumbupCountView, thumbdownpCountView])
         stackView.axis = .horizontal
-        stackView.distribution = .fillEqually
         stackView.spacing = 14
         stackView.backgroundColor = .purple
         return stackView
@@ -40,7 +39,8 @@ final class ReviewSummaryView: BaseUIView {
     private lazy var ratingSummaryStackView: UIStackView = {
         let stackView = UIStackView(arrangedSubviews: [starRatingView, thumbCountStackView])
         stackView.axis = .vertical
-        stackView.spacing = 20
+        stackView.alignment = .center
+        stackView.spacing = 15
         stackView.backgroundColor = .gray300
         return stackView
     }()
@@ -51,7 +51,8 @@ final class ReviewSummaryView: BaseUIView {
         let label = UILabel()
         label.text = "총 리뷰 수"
         label.font = .caption2
-        label.textColor = .black
+        label.backgroundColor = .red
+        label.setContentHuggingPriority(.defaultHigh, for: .horizontal)
         return label
     }()
 
@@ -103,7 +104,6 @@ final class ReviewSummaryView: BaseUIView {
         let stackView = UIStackView(arrangedSubviews: [ratingSummaryStackView,
                                                        reviewDistributionStackView])
         stackView.axis = .horizontal
-//        stackView.spacing = 44
         stackView.backgroundColor = .brown
         return stackView
     }()
@@ -114,6 +114,7 @@ final class ReviewSummaryView: BaseUIView {
         let stackView = UIStackView(arrangedSubviews: [menuLabel, ratingAndDistributionStackView])
         stackView.axis = .vertical
         stackView.spacing = 15
+        stackView.alignment = .center
         stackView.backgroundColor = .orange
         return stackView
     }()
@@ -130,6 +131,9 @@ final class ReviewSummaryView: BaseUIView {
             make.horizontalEdges.equalToSuperview().inset(20.adjusted)
             make.bottom.equalToSuperview()
         }
+        starRatingView.snp.makeConstraints { make in
+            make.top.equalToSuperview().offset(20.adjusted)
+        }
     }
 }
 

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

@@ -22,8 +22,8 @@ final class StarRatingView: BaseUIView {
 
     private lazy var ratingLabel: UILabel = {
         let label = UILabel()
-        label.text = "5"
-        label.font = EATSSUDesignFontFamily.Pretendard.medium.font(size: 40)
+        label.text = "5.0"
+        label.font = EATSSUDesignFontFamily.Pretendard.medium.font(size: 35)
         return label
     }()
 
@@ -53,8 +53,8 @@ final class StarRatingView: BaseUIView {
 
     override func setLayout() {
         starImageView.snp.makeConstraints {
-            $0.height.equalTo(24.adjusted)
-            $0.width.equalTo(24.adjusted)
+            $0.height.equalTo(25.adjusted)
+            $0.width.equalTo(25.adjusted)
         }
 
         starRatingStackView.snp.makeConstraints {