Feat: RecommendedRoutineEmptyView 구현 (#T3-167)

Author: choijungp

Projects/Presentation/Sources/Common/Component/RoutineCardView.swift

@@ -10,6 +10,24 @@ import SnapKit
 import UIKit
 
 final class RoutineCardView: UIView {
+    private enum Layout {
+        static let horizontalMargin: CGFloat = 16
+        static let cornerRadius: CGFloat = 12
+        static let headerInfoStackViewSpacing: CGFloat = 10
+        static let headerInfoStackViewTopSpacing: CGFloat = 14
+        static let subRoutineStackViewSpacing: CGFloat = 2
+        static let subRoutineStackViewTopSpacing: CGFloat = 10
+        static let subRoutineStackViewBottomSpacing: CGFloat = 14
+        static let subRoutineLabelHeight: CGFloat = 20
+        static let categoryIconSize: CGFloat = 32
+        static let plusImageSize: CGFloat = 24
+        static let plusButtonTopSpacing: CGFloat = 14
+        static let plusButtonTrailingSpacing: CGFloat = 7
+        static let plusButtonSize: CGFloat = 32
+        static let grayLineTopSpacing: CGFloat = 10
+        static let grayLineHeight: CGFloat = 1
+    }
+
     private let headerInfoStackView = UIStackView()
     private let categoryIconView = RoutineCategoryIcon(routineCategory: .connection)
     private let titleLabel = UILabel()
@@ -33,29 +51,30 @@ final class RoutineCardView: UIView {
     private func configureAttribute() {
         backgroundColor = .white
         layer.masksToBounds = true
-        layer.cornerRadius = 12
+        layer.cornerRadius = Layout.cornerRadius
 
         headerInfoStackView.axis = .horizontal
-        headerInfoStackView.spacing = 10
+        headerInfoStackView.spacing = Layout.headerInfoStackViewSpacing
 
         titleLabel.text = "개운하게 일어나기"
         titleLabel.font = BitnagilFont(style: .body1, weight: .semiBold).font
         titleLabel.textColor = BitnagilColor.gray10
 
-        let plusImage = BitnagilIcon.plusIcon?.resizeAspectFit(to: CGSize(width: 24, height: 24))
+        let plusImage = BitnagilIcon.plusIcon?
+            .resizeAspectFit(to: CGSize(width: Layout.plusImageSize, height: Layout.plusImageSize))
         plusButton.setImage(plusImage, for: .normal)
         plusButton.tintColor = BitnagilColor.gray10
 
         grayLine.backgroundColor = BitnagilColor.gray97
 
         subRoutineStackView.axis = .vertical
-        subRoutineStackView.spacing = 2
+        subRoutineStackView.spacing = Layout.subRoutineStackViewSpacing
 
         subRoutineLabel.text = "세부 루틴"
         subRoutineLabel.font = BitnagilFont(style: .body2, weight: .medium).font
         subRoutineLabel.textColor = BitnagilColor.gray40
         subRoutineLabel.snp.makeConstraints { make in
-            make.height.equalTo(20)
+            make.height.equalTo(Layout.subRoutineLabelHeight)
         }
         subRoutineStackView.addArrangedSubview(subRoutineLabel)
 
@@ -65,7 +84,7 @@ final class RoutineCardView: UIView {
             subRoutineTitleLabel.font = BitnagilFont(style: .body2, weight: .medium).font
             subRoutineTitleLabel.textColor = BitnagilColor.gray40
             subRoutineTitleLabel.snp.makeConstraints { make in
-                make.height.equalTo(20)
+                make.height.equalTo(Layout.subRoutineLabelHeight)
             }
             subRoutineStackView.addArrangedSubview(subRoutineTitleLabel)
         }
@@ -81,37 +100,42 @@ final class RoutineCardView: UIView {
         addSubview(subRoutineStackView)
 
         categoryIconView.snp.makeConstraints { make in
-            make.size.equalTo(32)
+            make.size.equalTo(Layout.categoryIconSize)
         }
 
         headerInfoStackView.snp.makeConstraints { make in
-            make.top.equalToSuperview().offset(14)
-            make.leading.equalToSuperview().offset(16)
+            make.top.equalToSuperview().offset(Layout.headerInfoStackViewTopSpacing)
+            make.leading.equalToSuperview().offset(Layout.horizontalMargin)
         }
 
         plusButton.snp.makeConstraints { make in
-            make.top.equalToSuperview().offset(14)
-            make.trailing.equalToSuperview().inset(7)
-            make.size.equalTo(32)
+            make.top.equalToSuperview().offset(Layout.plusButtonTopSpacing)
+            make.trailing.equalToSuperview().inset(Layout.plusButtonTrailingSpacing)
+            make.size.equalTo(Layout.plusButtonSize)
         }
 
         grayLine.snp.makeConstraints { make in
-            make.top.equalTo(headerInfoStackView.snp.bottom).offset(10)
-            make.leading.equalToSuperview().offset(16)
-            make.trailing.equalToSuperview().inset(16)
-            make.height.equalTo(1)
+            make.top.equalTo(headerInfoStackView.snp.bottom).offset(Layout.grayLineTopSpacing)
+            make.leading.equalToSuperview().offset(Layout.horizontalMargin)
+            make.trailing.equalToSuperview().inset(Layout.horizontalMargin)
+            make.height.equalTo(Layout.grayLineHeight)
         }
 
         subRoutineStackView.snp.makeConstraints { make in
-            make.top.equalTo(grayLine.snp.bottom).offset(10)
-            make.leading.equalToSuperview().offset(16)
-            make.trailing.equalToSuperview().inset(16)
-            make.bottom.equalToSuperview().inset(14)
+            make.top.equalTo(grayLine.snp.bottom).offset(Layout.subRoutineStackViewTopSpacing)
+            make.leading.equalToSuperview().offset(Layout.horizontalMargin)
+            make.trailing.equalToSuperview().inset(Layout.horizontalMargin)
+            make.bottom.equalToSuperview().inset(Layout.subRoutineStackViewBottomSpacing)
         }
     }
 }
 
-private class RoutineCategoryIcon: UIView {
+fileprivate class RoutineCategoryIcon: UIView {
+    private enum Layout {
+        static let cornerRadius: CGFloat = 3.76
+        static let iconSize: CGFloat = 24
+    }
+
     private let routineCategoryIcon = UIImageView()
     private let routineCategory: RoutineCategoryType
     init(routineCategory: RoutineCategoryType) {
@@ -120,22 +144,22 @@ private class RoutineCategoryIcon: UIView {
         configureAttribute()
         configureLayout()
     }
-    
+
     required init?(coder: NSCoder) {
         fatalError("init(coder:) has not been implemented")
     }
 
     private func configureAttribute() {
         layer.masksToBounds = true
-        layer.cornerRadius = 3.76
+        layer.cornerRadius = Layout.cornerRadius
         backgroundColor = routineCategory.iconBackgroundColor ?? BitnagilColor.yellow10
         routineCategoryIcon.image = routineCategory.iconImage ?? BitnagilIcon.shineIcon
     }
 
     private func configureLayout() {
         addSubview(routineCategoryIcon)
         routineCategoryIcon.snp.makeConstraints { make in
-            make.size.equalTo(24)
+            make.size.equalTo(Layout.iconSize)
             make.center.equalToSuperview()
         }
     }

…dRoutine/Model/RoutineCategoryType.swift …Routine/Model/RoutineCategoryType+.swiftProjects/Presentation/Sources/RecommendedRoutine/Model/RoutineCategoryType.swift renamed to Projects/Presentation/Sources/RecommendedRoutine/Model/RoutineCategoryType+.swift Projects/Presentation/Sources/RecommendedRoutine/Model/RoutineCategoryType.swift renamed to Projects/Presentation/Sources/RecommendedRoutine/Model/RoutineCategoryType+.swift

@@ -0,0 +1,59 @@
+//
+//  RecommendedRoutineEmptyView.swift
+//  Presentation
+//
+//  Created by 최정인 on 8/17/25.
+//
+
+import SnapKit
+import UIKit
+
+final class RecommendedRoutineEmptyView: UIView {
+    private let stackView = UIStackView()
+    private let mainLabel = UILabel()
+    private let subLabel = UILabel()
+
+    init() {
+        super.init(frame: .zero)
+        configureAttribute()
+        configureLayout()
+    }
+    
+    required init?(coder: NSCoder) {
+        fatalError("init(coder:) has not been implemented")
+    }
+    
+    private func configureAttribute() {
+        stackView.axis = .vertical
+        stackView.spacing = 2
+
+        mainLabel.text = "해당 난이도 루틴이 없어요"
+        mainLabel.font = BitnagilFont(style: .subtitle1, weight: .semiBold).font
+        mainLabel.textColor = BitnagilColor.gray30
+        mainLabel.textAlignment = .center
+
+        subLabel.text = "다른 난이도를 살펴보거나 루틴을 추가해 보세요."
+        subLabel.font = BitnagilFont(style: .body2, weight: .regular).font
+        subLabel.textColor = BitnagilColor.gray70
+        subLabel.textAlignment = .center
+    }
+
+    private func configureLayout() {
+        addSubview(stackView)
+        [mainLabel, subLabel].forEach {
+            stackView.addArrangedSubview($0)
+        }
+
+        stackView.snp.makeConstraints { make in
+            make.edges.equalToSuperview()
+        }
+        
+        mainLabel.snp.makeConstraints { make in
+            make.height.equalTo(28)
+        }
+
+        subLabel.snp.makeConstraints { make in
+            make.height.equalTo(20)
+        }
+    }
+}

…ndedRoutine/Model/RoutineLevelType.swift …dedRoutine/Model/RoutineLevelType+.swiftProjects/Presentation/Sources/RecommendedRoutine/Model/RoutineLevelType.swift renamed to Projects/Presentation/Sources/RecommendedRoutine/Model/RoutineLevelType+.swift Projects/Presentation/Sources/RecommendedRoutine/Model/RoutineLevelType.swift renamed to Projects/Presentation/Sources/RecommendedRoutine/Model/RoutineLevelType+.swift

@@ -26,6 +26,7 @@ final class RecommendedRoutineViewController: BaseViewController<RecommendedRout
         static let recommendedRoutineScrollViewBottomSpacing: CGFloat = 10
         static let recommendedRoutineStackViewBottomSpacing: CGFloat = 50
         static let routineCardHeight: CGFloat = 80
+        static let registerEmotionButtonTopSpacing: CGFloat = 20
         static let registerEmotionButtonHeight: CGFloat = 66
         static let floatingButtonBottomSpacing: CGFloat = 19
         static let floatingButtonSize: CGFloat = 52
@@ -41,11 +42,11 @@ final class RecommendedRoutineViewController: BaseViewController<RecommendedRout
     private let levelButton = RoutineLevelButton()
     private let levelView = SelectableItemTableView<RoutineLevelType>(items: RoutineLevelType.allCases.sorted(by: { $0.id < $1.id }))
 
-    private let testRoutineView = RoutineCardView()
     private let recommendedRoutineScrollView = UIScrollView()
     private let recommendedRoutineStackView = UIStackView()
     private var recommendedRoutineCards: [Int: RecommendedRoutineCardView] = [:]
     private let registerEmotionButton = RegisterEmotionButtonView()
+    private let recommendedRoutineEmptyView = RecommendedRoutineEmptyView()
 
     private var isExistEmotion: Bool = false
     private var isShowingFloatingMenu: Bool = false
@@ -104,6 +105,8 @@ final class RecommendedRoutineViewController: BaseViewController<RecommendedRout
 
         let tapGesture = UITapGestureRecognizer(target: self, action: #selector(tappedDimmedView))
         dimmedView.addGestureRecognizer(tapGesture)
+
+        recommendedRoutineEmptyView.isHidden = true
     }
 
     override func configureLayout() {
@@ -118,6 +121,7 @@ final class RecommendedRoutineViewController: BaseViewController<RecommendedRout
         [routineLabel, levelButton].forEach {
             headerStackView.addArrangedSubview($0)
         }
+        view.addSubview(recommendedRoutineEmptyView)
         view.addSubview(recommendedRoutineScrollView)
         recommendedRoutineScrollView.addSubview(recommendedRoutineStackView)
 
@@ -133,9 +137,9 @@ final class RecommendedRoutineViewController: BaseViewController<RecommendedRout
         }
 
         registerEmotionButton.snp.makeConstraints { make in
-            make.leading.equalToSuperview().offset(20)
-            make.trailing.equalToSuperview().inset(20)
-            make.top.equalTo(categoryView.snp.bottom).offset(20)
+            make.leading.equalToSuperview().offset(Layout.horizontalMargin)
+            make.trailing.equalToSuperview().inset(Layout.horizontalMargin)
+            make.top.equalTo(categoryView.snp.bottom).offset(Layout.registerEmotionButtonTopSpacing)
             make.height.equalTo(Layout.registerEmotionButtonHeight)
         }
 
@@ -154,6 +158,11 @@ final class RecommendedRoutineViewController: BaseViewController<RecommendedRout
             make.trailing.equalTo(headerStackView)
         }
 
+        recommendedRoutineEmptyView.snp.makeConstraints { make in
+            make.centerX.equalToSuperview()
+            make.centerY.equalToSuperview().offset(Layout.headerStackViewHeight)
+        }
+
         recommendedRoutineScrollView.snp.makeConstraints { make in
             make.leading.equalTo(safeArea).offset(Layout.horizontalMargin)
             make.trailing.equalTo(safeArea).inset(Layout.horizontalMargin)
@@ -222,8 +231,9 @@ final class RecommendedRoutineViewController: BaseViewController<RecommendedRout
         }
         recommendedRoutineCards.removeAll()
 
-        let testView = RoutineCardView()
-        recommendedRoutineStackView.addArrangedSubview(testView)
+//        let testView = RoutineCardView()
+//        recommendedRoutineStackView.addArrangedSubview(testView)
+        recommendedRoutineEmptyView.isHidden = !recommendedRoutines.isEmpty
         for routine in recommendedRoutines {
             let routineCard = RecommendedRoutineCardView(recommendedRoutine: routine)
             recommendedRoutineCards[routine.id] = routineCard