From 9163ade56daa8edfb09ef59092a821dde5caceee Mon Sep 17 00:00:00 2001
From: caadiq <caadiq@gmail.com>
Date: Sun, 8 Feb 2026 22:09:11 +0900
Subject: [PATCH] =?UTF-8?q?feat(schedule):=20=EB=8B=AC=EB=A0=A5=20?=
 =?UTF-8?q?=EB=B0=8F=20=EC=9D=BC=EC=A0=95=20=EB=AA=A9=EB=A1=9D=20=EC=98=81?=
 =?UTF-8?q?=EC=97=AD=EC=97=90=20=EC=A7=84=EC=9E=85=20=EC=95=A0=EB=8B=88?=
 =?UTF-8?q?=EB=A9=94=EC=9D=B4=EC=85=98=20=EC=B6=94=EA=B0=80?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 왼쪽 영역(달력, 카테고리): 왼쪽에서 슬라이드 인
- 오른쪽 영역(일정 목록): 오른쪽에서 슬라이드 인
- 타이틀 애니메이션과 연속되도록 delay 적용

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
---
 .../src/pages/pc/public/schedule/Schedule.jsx  | 18 ++++++++++++++----
 1 file changed, 14 insertions(+), 4 deletions(-)

diff --git a/frontend/src/pages/pc/public/schedule/Schedule.jsx b/frontend/src/pages/pc/public/schedule/Schedule.jsx
index ae9a58d..abb2f61 100644
--- a/frontend/src/pages/pc/public/schedule/Schedule.jsx
+++ b/frontend/src/pages/pc/public/schedule/Schedule.jsx
@@ -326,7 +326,12 @@ function PCSchedule() {
 
         <div className="flex-1 min-h-0 grid grid-cols-3 gap-8">
           {/* 왼쪽: 달력 + 카테고리 */}
-          <div className="space-y-6">
+          <motion.div
+            initial={{ opacity: 0, x: -20 }}
+            animate={{ opacity: 1, x: 0 }}
+            transition={{ delay: 0.3, duration: 0.4 }}
+            className="space-y-6"
+          >
             <Calendar
               currentDate={currentDate}
               onDateChange={setCurrentDate}
@@ -344,10 +349,15 @@ function PCSchedule() {
               categoryCounts={categoryCounts}
               disabled={isSearchMode && searchResults.length === 0}
             />
-          </div>
+          </motion.div>
 
           {/* 오른쪽: 스케줄 리스트 */}
-          <div className="col-span-2 flex flex-col min-h-0">
+          <motion.div
+            initial={{ opacity: 0, x: 20 }}
+            animate={{ opacity: 1, x: 0 }}
+            transition={{ delay: 0.4, duration: 0.4 }}
+            className="col-span-2 flex flex-col min-h-0"
+          >
             {/* 헤더 */}
             <div className="flex items-center justify-between h-11 mb-2">
               <AnimatePresence mode="wait">
@@ -596,7 +606,7 @@ function PCSchedule() {
                 )
               )}
             </div>
-          </div>
+          </motion.div>
         </div>
       </div>