From 8f9d5e341af6f6dace6cde9e8f65c0a5f59f657d Mon Sep 17 00:00:00 2001
From: Jeje <jjh4450jjh4450@gmail.com>
Date: Sun, 22 Sep 2024 03:03:52 +0900
Subject: [PATCH 1/2] init

---
 src/components/Layout/index.tsx | 23 ++++++++++++++++++++++-
 1 file changed, 22 insertions(+), 1 deletion(-)

diff --git a/src/components/Layout/index.tsx b/src/components/Layout/index.tsx
index 000ed7a..65e0479 100644
--- a/src/components/Layout/index.tsx
+++ b/src/components/Layout/index.tsx
@@ -2,11 +2,32 @@ import { Outlet } from "react-router-dom";
 import "../../shared/styles/globalStyle.css";
 import Header from "../Header";
 import { Footer } from "../Footer";
+import * as style from "./.css.ts";
+import GlowStar from "../../assets/glow_star.json";
 
-// TODO: 모든 페이지에 공통으로 들어가는 레이아웃을 작성합니다. 필요 없으면 삭제해주세요
+glowStarStyles = [
+    style.glowStarStyle1,
+    style.glowStarStyle2,
+    style.glowStarStyle3,
+    style.glowStarStyle4,
+    style.glowStarStyle5,
+    style.glowStarStyle6,
+    style.glowStarStyle7,
+    style.glowStarStyle8,
+    style.glowStarStyle9,
+]
 export default function Layout() {
   return (
     <div>
+        glowStarStyles.map((style, index) => (
+            <Lottie
+                key={index}
+                className={style}
+                animationData={GlowStar}
+                loop
+                autoplay
+            />
+        ))
       <Header />
       <Outlet />
       <Footer />

From 3694d16ed18e2b11ceca38cffa2bd98c32391989 Mon Sep 17 00:00:00 2001
From: Jeje <jjh4450jjh4450@gmail.com>
Date: Sun, 22 Sep 2024 03:09:35 +0900
Subject: [PATCH 2/2] =?UTF-8?q?fix:=20overscrollBehavior=EA=B0=80=20?=
 =?UTF-8?q?=EB=8D=B0=EC=8A=A4=ED=81=AC=ED=83=91=EC=97=90=EC=84=9C=EB=8A=94?=
 =?UTF-8?q?=20=EC=A2=80=EB=8D=94=20=EC=9E=90=EC=9C=A0=EB=A1=AD=EB=8F=84?=
 =?UTF-8?q?=EB=A1=9D=20=EC=88=98=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/Layout/index.tsx      | 23 +----------------------
 src/shared/styles/globalStyle.css.ts |  9 +++++++--
 2 files changed, 8 insertions(+), 24 deletions(-)

diff --git a/src/components/Layout/index.tsx b/src/components/Layout/index.tsx
index 65e0479..000ed7a 100644
--- a/src/components/Layout/index.tsx
+++ b/src/components/Layout/index.tsx
@@ -2,32 +2,11 @@ import { Outlet } from "react-router-dom";
 import "../../shared/styles/globalStyle.css";
 import Header from "../Header";
 import { Footer } from "../Footer";
-import * as style from "./.css.ts";
-import GlowStar from "../../assets/glow_star.json";
 
-glowStarStyles = [
-    style.glowStarStyle1,
-    style.glowStarStyle2,
-    style.glowStarStyle3,
-    style.glowStarStyle4,
-    style.glowStarStyle5,
-    style.glowStarStyle6,
-    style.glowStarStyle7,
-    style.glowStarStyle8,
-    style.glowStarStyle9,
-]
+// TODO: 모든 페이지에 공통으로 들어가는 레이아웃을 작성합니다. 필요 없으면 삭제해주세요
 export default function Layout() {
   return (
     <div>
-        glowStarStyles.map((style, index) => (
-            <Lottie
-                key={index}
-                className={style}
-                animationData={GlowStar}
-                loop
-                autoplay
-            />
-        ))
       <Header />
       <Outlet />
       <Footer />
diff --git a/src/shared/styles/globalStyle.css.ts b/src/shared/styles/globalStyle.css.ts
index dc6b99c..dfeeda8 100644
--- a/src/shared/styles/globalStyle.css.ts
+++ b/src/shared/styles/globalStyle.css.ts
@@ -6,12 +6,17 @@ globalStyle("body", {
   position: "relative",
   background:
     "linear-gradient(180deg, #4FD1C5 0%, #56C5CF 16.67%, #5DB9D9 33.33%, #63ADE3 50%, #63A1ED 66.7%, #4FD1C5 100%)",
-  backgroundSize: "100% 2400px",
+  backgroundSize: "1000% 2400px",
   backgroundRepeat: "repeat-y",
   minHeight: "100vh",
   width: "100%",
   paddingTop: "3.75rem",
-  overscrollBehavior: "none",
+  overscrollBehaviorY: "none",
+  "@media": {
+    "(min-height: 1000px)": {
+      overscrollBehaviorX: "none",
+    },
+  },
 });
 globalStyle("#root", {
   fontFamily: vars.font.pretendardRegular,