From dbcd804a20ee0d840de2f2fbe8478989eccb6af5 Mon Sep 17 00:00:00 2001
From: Ubinquitous <ubinquitous1@gmail.com>
Date: Mon, 3 Jul 2023 08:08:08 +0900
Subject: [PATCH 1/8] chore(layout): schedule home page

---
 src/app/schedule/page.tsx | 10 ++++++++++
 1 file changed, 10 insertions(+)
 create mode 100644 src/app/schedule/page.tsx

diff --git a/src/app/schedule/page.tsx b/src/app/schedule/page.tsx
new file mode 100644
index 00000000..ab785810
--- /dev/null
+++ b/src/app/schedule/page.tsx
@@ -0,0 +1,10 @@
+"use client";
+
+import SchedulePage from "@/page/schedule";
+import React from "react";
+
+const Schedule = () => {
+  return <SchedulePage />;
+};
+
+export default Schedule;

From 174e50e07e90e948da5d288b98f056e5cc18eb8a Mon Sep 17 00:00:00 2001
From: Ubinquitous <ubinquitous1@gmail.com>
Date: Mon, 3 Jul 2023 08:14:47 +0900
Subject: [PATCH 2/8] =?UTF-8?q?feat(schedule):=20=EC=9D=BC=EC=A0=95?=
 =?UTF-8?q?=ED=91=9C=20=ED=8E=98=EC=9D=B4=EC=A7=80=20=EB=A0=88=EC=9D=B4?=
 =?UTF-8?q?=EC=95=84=EC=9B=83=20=ED=8D=BC=EB=B8=94=EB=A6=AC=EC=8B=B1?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/page/schedule/index.tsx | 30 ++++++++++++++++++++++++++++++
 1 file changed, 30 insertions(+)
 create mode 100644 src/page/schedule/index.tsx

diff --git a/src/page/schedule/index.tsx b/src/page/schedule/index.tsx
new file mode 100644
index 00000000..5b41264d
--- /dev/null
+++ b/src/page/schedule/index.tsx
@@ -0,0 +1,30 @@
+import Aside from "@/components/Aside";
+import React from "react";
+import styled from "styled-components";
+import ScheduleBox from "./layouts/ScheduleBox";
+
+const SchedulePage = () => {
+  return (
+    <Layout>
+      <Container>
+        <ScheduleBox />
+        <Aside />
+      </Container>
+    </Layout>
+  );
+};
+
+const Layout = styled.div`
+  width: 100%;
+  display: flex;
+  justify-content: center;
+`;
+
+const Container = styled.div`
+  width: 76%;
+  display: flex;
+  justify-content: center;
+  gap: 8px;
+`;
+
+export default SchedulePage;

From acb787bb6c27a19d1df2170d3869510cb3dee3b2 Mon Sep 17 00:00:00 2001
From: Ubinquitous <ubinquitous1@gmail.com>
Date: Mon, 3 Jul 2023 08:14:59 +0900
Subject: [PATCH 3/8] =?UTF-8?q?chore(schedule):=20=EC=9D=BC=EC=A0=95?=
 =?UTF-8?q?=ED=91=9C=20=EB=AA=A9=EB=A1=9D=20=EC=BB=B4=ED=8F=AC=EB=84=8C?=
 =?UTF-8?q?=ED=8A=B8=20=ED=8D=BC=EB=B8=94=EB=A6=AC=EC=8B=B1?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/page/schedule/layouts/CalenderList.tsx | 22 ++++++++++++++++++++++
 1 file changed, 22 insertions(+)
 create mode 100644 src/page/schedule/layouts/CalenderList.tsx

diff --git a/src/page/schedule/layouts/CalenderList.tsx b/src/page/schedule/layouts/CalenderList.tsx
new file mode 100644
index 00000000..f5141355
--- /dev/null
+++ b/src/page/schedule/layouts/CalenderList.tsx
@@ -0,0 +1,22 @@
+import React from "react";
+import styled from "styled-components";
+import CalenderListItem from "./CalenderListItem";
+
+const CalenderList = () => {
+  return (
+    <Container>
+      {[1, 2, 3, 4, 5, 6, 7, 8, 9, 10].map((index) => (
+        <CalenderListItem key={index} />
+      ))}
+    </Container>
+  );
+};
+
+const Container = styled.ul`
+  width: 100%;
+  display: flex;
+  justify-content: space-between;
+  flex-wrap: wrap;
+`;
+
+export default CalenderList;

From 2b1dafed2f474b2ffad7e3af549e7ee1abedd0b8 Mon Sep 17 00:00:00 2001
From: Ubinquitous <ubinquitous1@gmail.com>
Date: Mon, 3 Jul 2023 08:15:16 +0900
Subject: [PATCH 4/8] =?UTF-8?q?chore(schedule):=20=EC=9D=BC=EC=A0=95?=
 =?UTF-8?q?=ED=91=9C=20=EC=BB=B4=ED=8F=AC=EB=84=8C=ED=8A=B8=20=ED=8D=BC?=
 =?UTF-8?q?=EB=B8=94=EB=A6=AC=EC=8B=B1?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../schedule/layouts/CalenderListItem.tsx     | 48 +++++++++++++++++++
 1 file changed, 48 insertions(+)
 create mode 100644 src/page/schedule/layouts/CalenderListItem.tsx

diff --git a/src/page/schedule/layouts/CalenderListItem.tsx b/src/page/schedule/layouts/CalenderListItem.tsx
new file mode 100644
index 00000000..06b75ea2
--- /dev/null
+++ b/src/page/schedule/layouts/CalenderListItem.tsx
@@ -0,0 +1,48 @@
+import color from "@/styles/color";
+import { font } from "@/styles/font";
+import React from "react";
+import styled from "styled-components";
+
+const CalenderListItem = () => {
+  return (
+    <Container>
+      <CalenderHead>04</CalenderHead>
+      <CalenderBody>
+        <Plan>입학 설명회</Plan>
+      </CalenderBody>
+    </Container>
+  );
+};
+
+const Container = styled.li`
+  width: 19%;
+  display: flex;
+  flex-direction: column;
+`;
+
+const CalenderHead = styled.header`
+  ${font.H5};
+  width: 100%;
+  border-top: 1px solid ${color.black};
+  padding: 10px 0;
+`;
+
+const CalenderBody = styled.section`
+  ${font.caption};
+  width: 80%;
+  word-break: break-all;
+  height: 180px;
+`;
+
+const Plan = styled.div`
+  width: 100%;
+  height: 20px;
+  padding-left: 8px;
+  display: flex;
+  align-items: center;
+  ${font.p4};
+  background-color: ${color.primary_blue};
+  color: ${color.white};
+`;
+
+export default CalenderListItem;

From 8dd07ed0d515c67d8e3a96b4622028c70fa4db25 Mon Sep 17 00:00:00 2001
From: Ubinquitous <ubinquitous1@gmail.com>
Date: Mon, 3 Jul 2023 08:15:47 +0900
Subject: [PATCH 5/8] =?UTF-8?q?chore(schedule):=20=EB=82=A0=EC=A7=9C=20?=
 =?UTF-8?q?=EC=BB=B4=ED=8F=AC=EB=84=8C=ED=8A=B8=20=ED=8D=BC=EB=B8=94?=
 =?UTF-8?q?=EB=A6=AC=EC=8B=B1?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/page/schedule/layouts/DateBox.tsx | 34 +++++++++++++++++++++++++++
 1 file changed, 34 insertions(+)
 create mode 100644 src/page/schedule/layouts/DateBox.tsx

diff --git a/src/page/schedule/layouts/DateBox.tsx b/src/page/schedule/layouts/DateBox.tsx
new file mode 100644
index 00000000..75dee3a3
--- /dev/null
+++ b/src/page/schedule/layouts/DateBox.tsx
@@ -0,0 +1,34 @@
+import Row from "@/components/Flex/Row";
+import { font } from "@/styles/font";
+import React from "react";
+import styled from "styled-components";
+
+const DateBox = () => {
+  const date = new Date();
+  const [year, month] = [date.getFullYear(), date.getMonth()];
+
+  return (
+    <Row gap="8px">
+      <YearText>{year}</YearText>
+      <MonthText>{month}</MonthText>
+    </Row>
+  );
+};
+
+const YearText = styled.h1`
+  ${font.H2};
+
+  &:after {
+    content: "년";
+  }
+`;
+
+const MonthText = styled.h1`
+  ${font.H2};
+
+  &:after {
+    content: "월";
+  }
+`;
+
+export default DateBox;

From dd78b84ebd6122cfed769bdf02ecb8bfa6b4fa42 Mon Sep 17 00:00:00 2001
From: Ubinquitous <ubinquitous1@gmail.com>
Date: Mon, 3 Jul 2023 08:16:08 +0900
Subject: [PATCH 6/8] =?UTF-8?q?feat(schedule):=20=EC=9D=BC=EC=A0=95?=
 =?UTF-8?q?=ED=91=9C=20=EC=BB=B4=ED=8F=AC=EB=84=8C=ED=8A=B8=20=ED=8D=BC?=
 =?UTF-8?q?=EB=B8=94=EB=A6=AC=EC=8B=B1?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/page/schedule/layouts/ScheduleBox.tsx | 28 +++++++++++++++++++++++
 1 file changed, 28 insertions(+)
 create mode 100644 src/page/schedule/layouts/ScheduleBox.tsx

diff --git a/src/page/schedule/layouts/ScheduleBox.tsx b/src/page/schedule/layouts/ScheduleBox.tsx
new file mode 100644
index 00000000..378e69d6
--- /dev/null
+++ b/src/page/schedule/layouts/ScheduleBox.tsx
@@ -0,0 +1,28 @@
+import color from "@/styles/color";
+import React from "react";
+import styled from "styled-components";
+import DateBox from "./DateBOx";
+import WeekBox from "./WeekBox";
+import CalenderList from "./CalenderList";
+
+const ScheduleBox = () => {
+  return (
+    <Container>
+      <DateBox />
+      <WeekBox />
+      <CalenderList />
+    </Container>
+  );
+};
+
+const Container = styled.main`
+  width: 76%;
+  background-color: ${color.white};
+  border-radius: 5px;
+  display: flex;
+  flex-direction: column;
+  padding: 24px 32px 24px 32px;
+  gap: 24px;
+`;
+
+export default ScheduleBox;

From 518eb0238780e6c11c002d9d0f70a8f3d6c8e803 Mon Sep 17 00:00:00 2001
From: Ubinquitous <ubinquitous1@gmail.com>
Date: Mon, 3 Jul 2023 08:16:18 +0900
Subject: [PATCH 7/8] =?UTF-8?q?chore(schedule):=20week=20title=20=ED=8D=BC?=
 =?UTF-8?q?=EB=B8=94=EB=A6=AC=EC=8B=B1?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/page/schedule/layouts/WeekBox.tsx | 34 +++++++++++++++++++++++++++
 1 file changed, 34 insertions(+)
 create mode 100644 src/page/schedule/layouts/WeekBox.tsx

diff --git a/src/page/schedule/layouts/WeekBox.tsx b/src/page/schedule/layouts/WeekBox.tsx
new file mode 100644
index 00000000..183ace8b
--- /dev/null
+++ b/src/page/schedule/layouts/WeekBox.tsx
@@ -0,0 +1,34 @@
+import color from "@/styles/color";
+import { font } from "@/styles/font";
+import React from "react";
+import styled from "styled-components";
+
+const weeks = ["월", "화", "수", "목", "금"];
+
+const WeekBox = () => {
+  return (
+    <Weeks>
+      {weeks.map((week) => (
+        <Week key={week}>{week}</Week>
+      ))}
+    </Weeks>
+  );
+};
+
+const Weeks = styled.article`
+  display: flex;
+  width: 100%;
+  gap: 1.5%;
+`;
+
+const Week = styled.div`
+  width: 19%;
+  ${font.caption};
+  color: ${color.gray};
+
+  &:after {
+    content: "요일";
+  }
+`;
+
+export default WeekBox;

From e7eb561816b94e98cd5eadfa8d4ea15d40e49c04 Mon Sep 17 00:00:00 2001
From: Ubinquitous <ubinquitous1@gmail.com>
Date: Mon, 3 Jul 2023 08:20:08 +0900
Subject: [PATCH 8/8] =?UTF-8?q?chore(calender):=20height=20=EC=88=98?=
 =?UTF-8?q?=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/page/schedule/layouts/CalenderListItem.tsx | 2 +-
 src/page/schedule/layouts/ScheduleBox.tsx      | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/page/schedule/layouts/CalenderListItem.tsx b/src/page/schedule/layouts/CalenderListItem.tsx
index 06b75ea2..0db405e5 100644
--- a/src/page/schedule/layouts/CalenderListItem.tsx
+++ b/src/page/schedule/layouts/CalenderListItem.tsx
@@ -31,7 +31,7 @@ const CalenderBody = styled.section`
   ${font.caption};
   width: 80%;
   word-break: break-all;
-  height: 180px;
+  height: 36vh;
 `;
 
 const Plan = styled.div`
diff --git a/src/page/schedule/layouts/ScheduleBox.tsx b/src/page/schedule/layouts/ScheduleBox.tsx
index 378e69d6..64d3ad0b 100644
--- a/src/page/schedule/layouts/ScheduleBox.tsx
+++ b/src/page/schedule/layouts/ScheduleBox.tsx
@@ -1,7 +1,7 @@
 import color from "@/styles/color";
 import React from "react";
 import styled from "styled-components";
-import DateBox from "./DateBOx";
+import DateBox from "./DateBox";
 import WeekBox from "./WeekBox";
 import CalenderList from "./CalenderList";