[Feat-T3-70] 추천 루틴 UI 구현

Projects/Presentation/Resources/Images.xcassets/chevron_icon.imageset/Contents.json

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

Projects/Presentation/Resources/Images.xcassets/plus_icon.imageset/Contents.json

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

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

@@ -0,0 +1,170 @@
+//
+//  CustomBottomSheet.swift
+//  Presentation
+//
+//  Created by 최정인 on 7/14/25.
+//
+
+import SnapKit
+import UIKit
+
+final class CustomBottomSheet: UIViewController {
+
+    private enum Layout {
+        static let bottomSheetCornerRadius: CGFloat = 20
+        static let dragHandleTopSpacing: CGFloat = 16
+        static let dragHandleCornerRadius: CGFloat = 2
+        static let dragHandleHeight: CGFloat = 4
+        static let dragHandleWidth: CGFloat = 32
+        static let contentViewTopSpacing: CGFloat = 16
+    }
+
+    private let maxHeight: CGFloat
+    private let contentViewController: UIViewController
+
+    private let dimmedView = UIView()
+    private let bottomSheetView = UIView()
+    private let dragHandle = UIView()
+    private let contentView = UIView()
+    private var bottomSheetBottomConstraint: Constraint?
+
+    init(contentViewController: UIViewController, maxHeight: CGFloat = 300) {
+        self.contentViewController = contentViewController
+        self.maxHeight = maxHeight
+        super.init(nibName: nil, bundle: nil)
+
+        modalPresentationStyle = .overFullScreen
+        modalTransitionStyle = .crossDissolve
+    }
+
+    required init?(coder: NSCoder) {
+        fatalError("init(coder:) has not been implemented")
+    }
+
+    override func viewDidLoad() {
+        super.viewDidLoad()
+        configureAttribute()
+        configureLayout()
+        setupContent()
+    }
+
+    override func viewDidAppear(_ animated: Bool) {
+        super.viewDidAppear(animated)
+        showBottomSheet()
+    }
+
+    private func configureAttribute() {
+        dimmedView.do {
+            $0.backgroundColor = UIColor.black.withAlphaComponent(0.7)
+            $0.alpha = 0
+        }
+
+        bottomSheetView.do {
+            $0.backgroundColor = UIColor.systemBackground
+            $0.layer.cornerRadius = Layout.bottomSheetCornerRadius
+            $0.layer.maskedCorners = [.layerMinXMinYCorner, .layerMaxXMinYCorner]
+        }
+
+        dragHandle.do {
+            $0.backgroundColor = UIColor.systemGray4
+            $0.layer.cornerRadius = Layout.dragHandleCornerRadius
+        }
+
+        contentView.do {
+            $0.backgroundColor = .clear
+        }
+
+        let tapGesture = UITapGestureRecognizer(target: self, action: #selector(dismissBottomSheet))
+        dimmedView.addGestureRecognizer(tapGesture)
+
+        let panGesture = UIPanGestureRecognizer(target: self, action: #selector(handlePanGesture(_:)))
+        bottomSheetView.addGestureRecognizer(panGesture)
+    }
+
+    private func configureLayout() {
+        view.addSubview(dimmedView)
+        view.addSubview(bottomSheetView)
+        bottomSheetView.addSubview(dragHandle)
+        bottomSheetView.addSubview(contentView)
+
+        dimmedView.snp.makeConstraints { make in
+            make.edges.equalToSuperview()
+        }
+
+        bottomSheetView.snp.makeConstraints { make in
+            make.leading.trailing.equalToSuperview()
+            make.height.equalTo(maxHeight)
+            self.bottomSheetBottomConstraint = make.bottom.equalToSuperview().offset(maxHeight).constraint
+        }
+
+        dragHandle.snp.makeConstraints { make in
+            make.top.equalToSuperview().offset(Layout.dragHandleTopSpacing)
+            make.centerX.equalToSuperview()
+            make.width.equalTo(Layout.dragHandleWidth)
+            make.height.equalTo(Layout.dragHandleHeight)
+        }
+
+        contentView.snp.makeConstraints { make in
+            make.top.equalTo(dragHandle.snp.bottom).offset(Layout.contentViewTopSpacing)
+            make.leading.trailing.equalToSuperview()
+            make.bottom.equalToSuperview()
+        }
+    }
+
+    private func setupContent() {
+        addChild(contentViewController)
+        contentView.addSubview(contentViewController.view)
+        contentViewController.didMove(toParent: self)
+
+        contentViewController.view.snp.makeConstraints { make in
+            make.edges.equalToSuperview()
+        }
+    }
+
+    private func showBottomSheet() {
+        UIView.animate(withDuration: 0.2, delay: 0, options: .curveEaseOut) {
+            self.dimmedView.alpha = 1
+            self.bottomSheetBottomConstraint?.update(offset: 0)
+            self.view.layoutIfNeeded()
+        }
+    }
+
+    @objc private func dismissBottomSheet() {
+        UIView.animate(withDuration: 0.2, delay: 0, options: .curveEaseOut) {
+            self.dimmedView.alpha = 0
+            self.bottomSheetBottomConstraint?.update(offset: self.maxHeight)
+            self.view.layoutIfNeeded()
+        } completion: { _ in
+            self.dismiss(animated: false)
+        }
+    }
+
+    @objc private func handlePanGesture(_ gesture: UIPanGestureRecognizer) {
+        let translation = gesture.translation(in: view)
+        let velocity = gesture.velocity(in: view)
+
+        switch gesture.state {
+        case .changed:
+            let offset = max(0, translation.y)
+            bottomSheetBottomConstraint?.update(offset: offset)
+
+            let progress = min(1, offset / maxHeight)
+            dimmedView.alpha = 1 - progress
+
+        case .ended:
+            let shouldDismiss = translation.y > maxHeight * 0.3 || velocity.y > 1000
+            if shouldDismiss {
+                dismissBottomSheet()
+            } else {
+                UIView.animate(withDuration: 0.2, delay: 0, options: .curveEaseOut) {
+                    self.bottomSheetBottomConstraint?.update(offset: 0)
+                    self.dimmedView.alpha = 1
+                    self.view.layoutIfNeeded()
+                }
+            }
+
+        default:
+            break
+        }
+    }
+}

Projects/Presentation/Sources/Common/DesignSystem/BitnagilIcon.swift

@@ -15,6 +15,11 @@ enum BitnagilIcon {
     static let kakaoIcon = UIImage(named: "kakao_icon", in: bundle, with: nil)
     static let appleIcon = UIImage(named: "apple_icon", in: bundle, with: nil)
     static let checkIcon = UIImage(named: "check_icon", in: bundle, with: nil)?.withRenderingMode(.alwaysTemplate)
+    static let plusIcon = UIImage(named: "plus_icon", in: bundle, with: nil)?.withRenderingMode(.alwaysTemplate)
+    static let chevronIcon = UIImage(named: "chevron_icon", in: bundle, with: nil)
+    static func chevronIcon(direction: Direction) -> UIImage? {
+        return BitnagilIcon.chevronIcon?.rotate(degrees: direction.rotation)?.withRenderingMode(.alwaysTemplate)
+    }
 
     // MARK: - Tab Bar Icons
     static let homeFillIcon = UIImage(named: "home_fill_icon", in: bundle, with: nil)
@@ -29,3 +34,19 @@ enum BitnagilIcon {
     static let mypageFillIcon = UIImage(named: "mypage_fill_icon", in: bundle, with: nil)
     static let mypageEmptyIcon = UIImage(named: "mypage_empty_icon", in: bundle, with: nil)
 }
+
+enum Direction {
+    case up
+    case down
+    case left
+    case right
+
+    var rotation: Float {
+        switch self {
+        case .up: 90
+        case .down: -90
+        case .left: 0
+        case .right: 180
+        }
+    }
+}

Projects/Presentation/Sources/Common/Extension/UIImage+.swift

@@ -0,0 +1,72 @@
+//
+//  UIImage+.swift
+//  Presentation
+//
+//  Created by 최정인 on 7/17/25.
+//
+
+import UIKit
+
+extension UIImage {
+    // 받은 크기로 이미지 크기를 변경합니다. (원본 비율을 무시될 수 있습니다.)
+    func resize(to size: CGSize) -> UIImage? {
+        let renderer = UIGraphicsImageRenderer(size: size)
+        return renderer.image { _ in
+            draw(in: CGRect(origin: .zero, size: size))
+        }
+    }
+
+    // 원본 비율 유지하면서 이미지 크기를 변경합니다. (aspect fit)
+    func resizeAspectFit(to size: CGSize) -> UIImage? {
+        let aspectRatio = self.size.width / self.size.height
+        let targetRatio = size.width / size.height
+
+        var newSize: CGSize
+        if aspectRatio > targetRatio {
+            newSize = CGSize(width: size.width, height: size.width / aspectRatio)
+        } else {
+            newSize = CGSize(width: size.height * aspectRatio, height: size.height)
+        }
+
+        let renderer = UIGraphicsImageRenderer(size: newSize)
+        return renderer.image { _ in
+            draw(in: CGRect(origin: .zero, size: newSize))
+        }
+    }
+
+    // 원본 비율 유지하면서 이미지 크기를 변경합니다. (aspect fill)
+    func resizeAspectFill(to size: CGSize) -> UIImage? {
+        let aspectRatio = self.size.width / self.size.height
+        let targetRatio = size.width / size.height
+
+        var newSize: CGSize
+        if aspectRatio > targetRatio {
+            newSize = CGSize(width: size.height * aspectRatio, height: size.height)
+        } else {
+            newSize = CGSize(width: size.width, height: size.width / aspectRatio)
+        }
+
+        let renderer = UIGraphicsImageRenderer(size: newSize)
+        return renderer.image { _ in
+            draw(in: CGRect(origin: .zero, size: newSize))
+        }
+    }
+
+    // 이미지를 회전합니다.
+    func rotate(radians: Float) -> UIImage? {
+        let rotatedSize = CGRect(origin: .zero, size: size)
+            .applying(CGAffineTransform(rotationAngle: CGFloat(radians)))
+            .integral.size
+
+        let renderer = UIGraphicsImageRenderer(size: rotatedSize)
+        return renderer.image { context in
+            context.cgContext.translateBy(x: rotatedSize.width / 2, y: rotatedSize.height / 2)
+            context.cgContext.rotate(by: CGFloat(radians))
+            draw(in: CGRect(origin: CGPoint(x: -size.width / 2, y: -size.height / 2), size: size))
+        }
+    }
+
+    func rotate(degrees: Float) -> UIImage? {
+        return rotate(radians: degrees * .pi / 180)
+    }
+}

Projects/Presentation/Sources/Common/Extension/UIViewController+.swift

@@ -8,7 +8,7 @@
 import UIKit
 
 extension UIViewController {
-
+    // MARK: - NavigationBar
     func configureNavigationBar(navigationStyle: NavigationBarStyle) {
         switch navigationStyle {
         case .hidden:
@@ -74,6 +74,12 @@ extension UIViewController {
         let targetViewController = viewControllers[viewControllers.count - 3]
         navigationController.popToViewController(targetViewController, animated: true)
     }
+
+    // MARK: - BottomSheet
+    func presentCustomBottomSheet(contentViewController: UIViewController, maxHeight: CGFloat) {
+        let bottomSheet = CustomBottomSheet(contentViewController: contentViewController, maxHeight: maxHeight)
+        present(bottomSheet, animated: true)
+    }
 }
 
 enum NavigationBarStyle {

Projects/Presentation/Sources/Common/PresentationDependencyAssembler.swift

@@ -35,5 +35,9 @@ public struct PresentationDependencyAssembler: DependencyAssemblerProtocol {
 
             return OnboardingViewModel(onboardingUseCase: onboardingUseCase)
         }
+
+        DIContainer.shared.register(type: RecommendedRoutineViewModel.self) { _ in
+            return RecommendedRoutineViewModel()
+        }
     }
 }

Projects/Presentation/Sources/Common/TabBarView.swift

@@ -38,8 +38,11 @@ final public class TabBarView: UITabBarController {
         tabBar.tintColor = BitnagilColor.navy600
         tabBar.unselectedItemTintColor = BitnagilColor.navy100
 
+        guard let viewModel = DIContainer.shared.resolve(type: RecommendedRoutineViewModel.self) else {
+            fatalError("RecommendedViewModel 의존성이 등록되지 않았습니다.")
+        }
         let homeView = HomeView()
-        let recommendView = RecommendView()
+        let recommendView = RecommendedRoutineView(viewModel: viewModel)
         let reportView = ReportView()
         let mypageView = MypageView()
 
@@ -80,13 +83,6 @@ final class HomeView: UIViewController {
     }
 }
 
-final class RecommendView: UIViewController {
-    override func viewDidLoad() {
-        super.viewDidLoad()
-        view.backgroundColor = .white
-    }
-}
-
 final class ReportView: UIViewController {
     override func viewDidLoad() {
         super.viewDidLoad()