[Fix] TCalendarView 동적 높이 관련 UI 버그 수정

Author: FpRaArNkK

TnT/Projects/DesignSystem/Sources/Components/Calendar/TCalendarHeader.swift

@@ -50,8 +50,9 @@ public struct TCalendarHeader<RightView: View>: View {
         .frame(maxWidth: .infinity)
         .overlay(alignment: .trailing) {
             rightView?()
-                .padding(.trailing, 20)
         }
+        .padding(.vertical, 8)
+        .padding(.horizontal, 20)
     }
 
     private func movePage(_ direction: Int) {

TnT/Projects/DesignSystem/Sources/Components/Calendar/TCalendarRepresentable.swift

@@ -9,12 +9,13 @@
 import SwiftUI
 import FSCalendar
 
-
 public struct TCalendarRepresentable: UIViewRepresentable {
     /// 선택한 날짜
     @Binding private var selectedDate: Date
     /// 현재 페이지
     @Binding private var currentPage: Date
+    /// 캘린더 높이
+    @Binding var calendarHeight: CGFloat
     /// 주간/월간 표시 여부
     private var isWeekMode: Bool
     /// 캘린더 표시 이벤트 딕셔너리
@@ -23,11 +24,13 @@ public struct TCalendarRepresentable: UIViewRepresentable {
     public init(
         selectedDate: Binding<Date>,
         currentPage: Binding<Date>,
+        calendarHeight: Binding<CGFloat>,
         isWeekMode: Bool = false,
         events: [Date: Int] = [:]
     ) {
         self._selectedDate = selectedDate
         self._currentPage = currentPage
+        self._calendarHeight = calendarHeight
         self.isWeekMode = isWeekMode
         self.events = events
     }
@@ -38,6 +41,7 @@ public struct TCalendarRepresentable: UIViewRepresentable {
 
     public func makeUIView(context: Context) -> FSCalendar {
         let calendar: FSCalendar = FSCalendar()
+        
         // Cell 설정
         calendar.register(TCalendarCell.self, forCellReuseIdentifier: TCalendarCell.identifier)
         calendar.collectionView.contentSize = TCalendarCell.cellSize
@@ -50,6 +54,8 @@ public struct TCalendarRepresentable: UIViewRepresentable {
         // UI 설정
         calendar.placeholderType = .none
         calendar.headerHeight = 0
+        calendar.weekdayHeight = 18
+        calendar.rowHeight = TCalendarCell.cellSize.height
         calendar.appearance.weekdayTextColor = UIColor(.neutral400)
         calendar.appearance.weekdayFont = Typography.FontStyle.label2Medium.uiFont
         calendar.appearance.selectionColor = .clear
@@ -76,6 +82,11 @@ public struct TCalendarRepresentable: UIViewRepresentable {
             uiView.scope = targetScope
         }
 
+        DispatchQueue.main.async {
+            uiView.bounds.size.height = self.calendarHeight
+            uiView.frame.size.height = self.calendarHeight
+        }
+        
         uiView.reloadData()
     }
 }
@@ -103,6 +114,16 @@ public extension TCalendarRepresentable {
             }
         }
 
+        // Week/Month 모드 전환
+        public func calendar(_ calendar: FSCalendar, boundingRectWillChange bounds: CGRect, animated: Bool) {
+            DispatchQueue.main.async {
+                calendar.bounds.size.height = bounds.height
+                calendar.frame.size.height = bounds.height
+                calendar.setNeedsLayout()
+                calendar.layoutIfNeeded()
+            }
+        }
+        
         // 캘린더 셀 주입
         public func calendar(_ calendar: FSCalendar, cellFor date: Date, at position: FSCalendarMonthPosition) -> FSCalendarCell {
 

TnT/Projects/DesignSystem/Sources/Components/Calendar/TCalendarView.swift

@@ -12,12 +12,18 @@ import SwiftUI
 /// 주간/월간 표시를 포함합니다.
 public struct TCalendarView: View {
 
+    /// 주간 캘린더 높이
+    static let weeklyCalendarHeight: CGFloat = 80
+    /// 월간 캘린더 높이
+    static let monthlyCalendarHeight: CGFloat = 340
     /// 선택한 날짜
     @Binding var selectedDate: Date
     /// 현재 페이지
     @Binding var currentPage: Date
     /// 업데이트 플래그
     @State private var forceUpdate: UUID = UUID()
+    /// 캘린더 높이
+    @State private var calendarHeight: CGFloat = monthlyCalendarHeight
     /// 주간/월간 표시 여부
     private var isWeekMode: Bool
     /// 캘린더 표시 이벤트 딕셔너리
@@ -38,15 +44,31 @@ public struct TCalendarView: View {
     }
 
     public var body: some View {
-        TCalendarRepresentable(
-            selectedDate: $selectedDate,
-            currentPage: $currentPage,
-            isWeekMode: isWeekMode,
-            events: events
-        )
-        .id(forceUpdate)
-        .onChange(of: events) {
-            forceUpdate = UUID()
+        GeometryReader { proxy in
+            TCalendarRepresentable(
+                selectedDate: $selectedDate,
+                currentPage: $currentPage,
+                calendarHeight: $calendarHeight,
+                isWeekMode: isWeekMode,
+                events: events
+            )
+            .frame(width: proxy.size.width, height: TCalendarView.monthlyCalendarHeight)
+            .id(forceUpdate)
+            .onChange(of: events) {
+                forceUpdate = UUID()
+            }
+            .onAppear {
+                calendarHeight = isWeekMode
+                ? TCalendarView.weeklyCalendarHeight
+                : TCalendarView.monthlyCalendarHeight
+            }
+            .onChange(of: isWeekMode) {
+                calendarHeight = isWeekMode
+                ? TCalendarView.weeklyCalendarHeight
+                : TCalendarView.monthlyCalendarHeight
+            }
         }
+        .frame(height: calendarHeight)
+        .clipped()
     }
 }