Feat: 감정 구슬 등록 버튼 레이아웃 조정 (#T3-167)

choijungp · choijungp · commit 851839450229 · 2025-08-16T16:51:48.000+09:00
diff --git a/Projects/Presentation/Sources/Common/Extension/UIViewController+.swift b/Projects/Presentation/Sources/Common/Extension/UIViewController+.swift
@@ -16,10 +16,11 @@ extension UIViewController {
         case withProgressBar(step: Int)     // 백버튼 + progress
     }
 
-    func configureCustomNavigationBar(navigationBarStyle: NavigationBarStyle) {
+    func configureCustomNavigationBar(navigationBarStyle: NavigationBarStyle, backgroundColor: UIColor? = .white) {
         let safeArea = self.view.safeAreaLayoutGuide
         let navigationBar: UIView = customNavigationBar(navigationBarStyle: navigationBarStyle)
 
+        navigationBar.backgroundColor = backgroundColor
         self.view.addSubview(navigationBar)
         navigationBar.snp.makeConstraints { make in
             make.top.horizontalEdges.equalTo(safeArea)
diff --git a/Projects/Presentation/Sources/Common/View/TabBarView.swift b/Projects/Presentation/Sources/Common/View/TabBarView.swift
@@ -49,7 +49,7 @@ final public class TabBarView: UITabBarController {
         else { fatalError("mypageViewModel 의존성이 등록되지 않았습니다.") }
 
         let homeView = HomeView(viewModel: homeViewModel)
-        let recommendView = RecommendedRoutineView(viewModel: recommendedRoutineViewModel)
+        let recommendView = RecommendedRoutineViewController(viewModel: recommendedRoutineViewModel)
         let mypageView = MypageView(viewModel: mypageViewModel)
 
         homeView.tabBarItem = UITabBarItem(
diff --git a/Projects/Presentation/Sources/RecommendedRoutine/View/Component/RoutineLevelButton.swift b/Projects/Presentation/Sources/RecommendedRoutine/View/Component/RoutineLevelButton.swift
@@ -9,7 +9,6 @@ import Domain
 import UIKit
 
 final class RoutineLevelButton: UIButton {
-
     private enum Layout {
         static let stackViewSpacing: CGFloat = 5
         static let buttonLabelHeight: CGFloat = 20
@@ -44,14 +43,14 @@ final class RoutineLevelButton: UIButton {
 
         buttonLabel.text = level?.title ?? "난이도 선택"
         buttonLabel.font = BitnagilFont(style: .body2, weight: .medium).font
-        buttonLabel.textColor = BitnagilColor.gray60
+        buttonLabel.textColor = BitnagilColor.gray40
 
         chevronIcon.image = BitnagilIcon
             .chevronIcon(direction: .down)?
             .resizeAspectFit(to: CGSize(width: Layout.chevronImageSize, height: Layout.chevronImageSize))?
             .withRenderingMode(.alwaysTemplate)
         chevronIcon.contentMode = .center
-        chevronIcon.tintColor = BitnagilColor.gray60
+        chevronIcon.tintColor = BitnagilColor.gray40
     }
 
     private func configureLayout() {
diff --git a/Projects/Presentation/Sources/RecommendedRoutine/View/RecommendedRoutineViewController.swift b/Projects/Presentation/Sources/RecommendedRoutine/View/RecommendedRoutineViewController.swift
@@ -1,5 +1,5 @@
 //
-//  RecommendedRoutineView.swift
+//  RecommendedRoutineViewController.swift
 //  Presentation
 //
 //  Created by 최정인 on 7/12/25.
@@ -11,14 +11,15 @@ import Shared
 import SnapKit
 import UIKit
 
-final class RecommendedRoutineView: BaseViewController<RecommendedRoutineViewModel> {
+final class RecommendedRoutineViewController: BaseViewController<RecommendedRoutineViewModel> {
     private enum Layout {
         static let horizontalMargin: CGFloat = 20
         static let bottomSheetHeight: CGFloat = 226
-        static let categoryViewTopSpacing: CGFloat = 16
+        static let categoryViewTopSpacing: CGFloat = 70
         static let categoryViewHeight: CGFloat = 36
         static let headerStackViewTrailingSpacing: CGFloat = 8
-        static let headerStackViewTopSpacing: CGFloat = 18
+        static let headerStackViewTopSpacing: CGFloat = 20
+        static let headerStackViewTopMaxSpacing: CGFloat = 24
         static let headerStackViewHeight: CGFloat = 40
         static let recommendedRoutineStackViewSpacing: CGFloat = 12
         static let recommendedRoutineScrollViewTopSpacing: CGFloat = 12
@@ -50,10 +51,8 @@ final class RecommendedRoutineView: BaseViewController<RecommendedRoutineViewMod
     private let dimmedView = UIView()
     private let floatingButton = FloatingButton()
     private let floatingMenu = FloatingMenuView()
-
-    private let toastMessageView = ToastMessageView()
-
     private var cancellables: Set<AnyCancellable>
+
     public override init(viewModel: RecommendedRoutineViewModel) {
         cancellables = []
         super.init(viewModel: viewModel)
@@ -70,12 +69,11 @@ final class RecommendedRoutineView: BaseViewController<RecommendedRoutineViewMod
     }
 
     override func configureAttribute() {
-        title = "추천 루틴"
         categoryView.delegate = self
 
-        routineLabel.text = "루틴 목록"
-        routineLabel.font = BitnagilFont(style: .body1, weight: .semiBold).font
-        routineLabel.textColor = BitnagilColor.gray10
+        routineLabel.text = "추천 루틴리스트"
+        routineLabel.font = BitnagilFont(style: .body2, weight: .semiBold).font
+        routineLabel.textColor = BitnagilColor.gray60
 
         headerStackView.axis = .horizontal
 
@@ -109,9 +107,12 @@ final class RecommendedRoutineView: BaseViewController<RecommendedRoutineViewMod
 
     override func configureLayout() {
         let safeArea = view.safeAreaLayoutGuide
-        view.backgroundColor = .systemBackground
+        view.backgroundColor = BitnagilColor.gray99
+        navigationController?.setNavigationBarHidden(true, animated: false)
+        configureCustomNavigationBar(navigationBarStyle: .withTitle(title: "추천 루틴"), backgroundColor: BitnagilColor.gray99)
 
         view.addSubview(categoryView)
+        view.addSubview(registerEmotionButton)
         view.addSubview(headerStackView)
         [routineLabel, levelButton].forEach {
             headerStackView.addArrangedSubview($0)
@@ -123,19 +124,24 @@ final class RecommendedRoutineView: BaseViewController<RecommendedRoutineViewMod
         view.addSubview(floatingMenu)
         view.addSubview(floatingButton)
 
-        view.addSubview(toastMessageView)
-
         categoryView.snp.makeConstraints { make in
             make.leading.equalTo(safeArea)
             make.trailing.equalTo(safeArea)
             make.top.equalTo(safeArea).offset(Layout.categoryViewTopSpacing)
             make.height.equalTo(Layout.categoryViewHeight)
         }
 
+        registerEmotionButton.snp.makeConstraints { make in
+            make.leading.equalToSuperview().offset(20)
+            make.trailing.equalToSuperview().inset(20)
+            make.top.equalTo(categoryView.snp.bottom).offset(20)
+            make.height.equalTo(Layout.registerEmotionButtonHeight)
+        }
+
         headerStackView.snp.makeConstraints { make in
             make.leading.equalTo(safeArea).offset(Layout.horizontalMargin)
             make.trailing.equalTo(safeArea).inset(Layout.headerStackViewTrailingSpacing)
-            make.top.equalTo(categoryView.snp.bottom).offset(Layout.headerStackViewTopSpacing)
+            make.top.equalTo(registerEmotionButton.snp.bottom).offset(Layout.headerStackViewTopSpacing)
             make.height.equalTo(Layout.headerStackViewHeight)
         }
 
@@ -176,19 +182,14 @@ final class RecommendedRoutineView: BaseViewController<RecommendedRoutineViewMod
         dimmedView.snp.makeConstraints { make in
             make.edges.equalToSuperview()
         }
-
-        toastMessageView.snp.makeConstraints { make in
-            make.centerX.equalToSuperview()
-            make.bottom.equalTo(safeArea.snp.bottom).offset(-Layout.toastMessageBottomSpacing)
-        }
     }
 
     override func bind() {
         viewModel.output.selectedCategoryPublisher
             .receive(on: DispatchQueue.main)
             .sink { [weak self] selectedCategory in
-                self?.showEmotionButton(isShowEmotionButton: selectedCategory == .recommendation)
                 self?.categoryView.updateSelectedCategory(selectedCategory: selectedCategory)
+                self?.showEmotionButton(isShowEmotionButton: selectedCategory == .recommendation)
             }
             .store(in: &cancellables)
 
@@ -204,7 +205,7 @@ final class RecommendedRoutineView: BaseViewController<RecommendedRoutineViewMod
             .sink { [weak self] isExistEmotion in
                 if isExistEmotion {
                     self?.isExistEmotion = isExistEmotion
-                    self?.registerEmotionButton.isHidden = true
+                    self?.showEmotionButton(isShowEmotionButton: false)
                 }
             }
             .store(in: &cancellables)
@@ -241,24 +242,20 @@ final class RecommendedRoutineView: BaseViewController<RecommendedRoutineViewMod
 
     // 감정 등록 버튼을 보이거나 숨겨줍니다.
     private func showEmotionButton(isShowEmotionButton: Bool) {
-        guard !isExistEmotion else {
-            registerEmotionButton.isHidden = true
-            return
-        }
-        
-        guard isShowEmotionButton else {
-            registerEmotionButton.isHidden = true
-            return
-        }
-        guard !recommendedRoutineStackView.arrangedSubviews.contains(registerEmotionButton) else {
-            registerEmotionButton.isHidden = false
-            return
-        }
+        let safeArea = view.safeAreaLayoutGuide
+        let showingEmotionButton = isShowEmotionButton && !isExistEmotion
+        registerEmotionButton.isHidden = !showingEmotionButton
 
-        recommendedRoutineStackView.addArrangedSubview(registerEmotionButton)
-        registerEmotionButton.snp.makeConstraints { make in
-            make.leading.trailing.equalToSuperview()
-            make.height.equalTo(Layout.registerEmotionButtonHeight)
+        headerStackView.snp.remakeConstraints { make in
+            make.leading.equalTo(safeArea).offset(Layout.horizontalMargin)
+            make.trailing.equalTo(safeArea).inset(Layout.headerStackViewTrailingSpacing)
+            make.height.equalTo(Layout.headerStackViewHeight)
+
+            if showingEmotionButton {
+                make.top.equalTo(registerEmotionButton.snp.bottom).offset(Layout.headerStackViewTopSpacing)
+            } else {
+                make.top.equalTo(categoryView.snp.bottom).offset(Layout.headerStackViewTopMaxSpacing)
+            }
         }
     }
 
@@ -282,18 +279,17 @@ final class RecommendedRoutineView: BaseViewController<RecommendedRoutineViewMod
 }
 
 // MARK: RoutineCategoryViewDelegate
-extension RecommendedRoutineView: RoutineCategoryViewDelegate {
+extension RecommendedRoutineViewController: RoutineCategoryViewDelegate {
     func routineCategoryView(_ sender: RoutineCategoryView, didSelectCategory category: RoutineCategoryType) {
         viewModel.action(input: .selectCategory(selectedCategory: category))
     }
 }
 
 // MARK: RecommendedRoutineCardViewDelegate
-extension RecommendedRoutineView: RecommendedRoutineCardViewDelegate {
+extension RecommendedRoutineViewController: RecommendedRoutineCardViewDelegate {
     func recommendedRoutineCardView(_ sender: RecommendedRoutineCardView, didTapRecommendedRoutine routine: RecommendedRoutine) {
-        guard let routineCreationViewModel = DIContainer.shared.resolve(type: RoutineCreationViewModel.self) else {
-            fatalError("routineCreationViewModel 의존성이 등록되지 않았습니다.")
-        }
+        guard let routineCreationViewModel = DIContainer.shared.resolve(type: RoutineCreationViewModel.self)
+        else { fatalError("routineCreationViewModel 의존성이 등록되지 않았습니다.") }
 
         let routineCreationView = RoutineCreationView(viewModel: routineCreationViewModel, recommendRoutineId: routine.id)
         routineCreationView.hidesBottomBarWhenPushed = true
@@ -302,7 +298,7 @@ extension RecommendedRoutineView: RecommendedRoutineCardViewDelegate {
 }
 
 // MARK: SelectableItemTableViewDelegate
-extension RecommendedRoutineView: SelectableItemTableViewDelegate {
+extension RecommendedRoutineViewController: SelectableItemTableViewDelegate {
     func selectableItemTableView<T: SelectableItem & CaseIterable & Equatable>(_ sender: SelectableItemTableView<T>, didSelectItem: T?) {
         guard let didSelectLevel = didSelectItem as? RoutineLevelType?
         else { return }
@@ -312,19 +308,19 @@ extension RecommendedRoutineView: SelectableItemTableViewDelegate {
 }
 
 // MARK: FloatingMenuViewDelegate
-extension RecommendedRoutineView: FloatingMenuViewDelegate {
+extension RecommendedRoutineViewController: FloatingMenuViewDelegate {
     func floatingMenuDidTapRegisterRoutineButton(_ sender: FloatingMenuView) {
         toggleFloatingButton()
-        guard let routineCreationViewModel = DIContainer.shared.resolve(type: RoutineCreationViewModel.self) else {
-            fatalError("routineCreationViewModel 의존성이 등록되지 않았습니다.")
-        }
+        guard let routineCreationViewModel = DIContainer.shared.resolve(type: RoutineCreationViewModel.self)
+        else { fatalError("routineCreationViewModel 의존성이 등록되지 않았습니다.") }
+
         let routineCreationView = RoutineCreationView(viewModel: routineCreationViewModel)
         routineCreationView.hidesBottomBarWhenPushed = true
         self.navigationController?.pushViewController(routineCreationView, animated: true)
     }
 }
 
-extension RecommendedRoutineView: RegisterEmotionButtonViewDelegate {
+extension RecommendedRoutineViewController: RegisterEmotionButtonViewDelegate {
     func registerEmotionButtonViewDidTapRegisterButton(_ sender: RegisterEmotionButtonView) {
         guard let emotionRegisterViewModel = DIContainer.shared.resolve(type: EmotionRegisterViewModel.self)
         else { fatalError("emotionRegisterViewModel 의존성이 등록되지 않았습니다.") }
