diff --git a/src/components/Plan/PlanSchedule.tsx b/src/components/Plan/PlanSchedule.tsx
new file mode 100644
index 00000000..4e96dc4f
--- /dev/null
+++ b/src/components/Plan/PlanSchedule.tsx
@@ -0,0 +1,29 @@
+import { UserIcon } from '@components/common/icons/Icons';
+import { socketContext } from '@hooks/useSocket';
+import { useContext } from 'react';
+
+const PlanSchedule = () => {
+ const { tripInfo } = useContext(socketContext);
+ const trip = tripInfo?.data;
+
+ return (
+
+
+
+
{trip?.tripName}
+
+
+
+ {trip?.numberOfPeople}
+
+
+
+
+
+ {trip?.startDate} ~ {trip?.endDate}
+
+
+ );
+};
+
+export default PlanSchedule;
diff --git a/src/components/Plan/PlanSectionTop.tsx b/src/components/Plan/PlanSectionTop.tsx
index 114ee5a5..d8b60ad9 100644
--- a/src/components/Plan/PlanSectionTop.tsx
+++ b/src/components/Plan/PlanSectionTop.tsx
@@ -12,7 +12,7 @@ import { useRecoilValue, useRecoilState } from 'recoil';
import { dayState, dateState } from '@recoil/plan';
import { tripIdState, memberIdState } from '@recoil/socket';
import { calculateDayAndDate } from '@utils/utils';
-import { TripSchedule } from '@components/Trip/TripSchedule';
+import PlanSchedule from './PlanSchedule';
const PlanSectionTop = () => {
const navigate = useNavigate();
@@ -57,7 +57,7 @@ const PlanSectionTop = () => {
}}
/>
-
+