From b97e44f62cc7008a30e0b768621c324508c81a7a Mon Sep 17 00:00:00 2001
From: wkdghdwns199 <wkdghdwns199@naver.com>
Date: Fri, 6 Sep 2024 02:00:58 +0900
Subject: [PATCH 1/5] =?UTF-8?q?fix=20:=20=EB=B0=91=EC=9D=98=20=EC=97=AC?=
 =?UTF-8?q?=EB=B0=B1=20=EB=A0=88=EC=9D=B4=EC=95=84=EC=9B=83=20=EC=A0=9C?=
 =?UTF-8?q?=EA=B1=B0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 client/src/index.css | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/client/src/index.css b/client/src/index.css
index af23cf8..abe975b 100644
--- a/client/src/index.css
+++ b/client/src/index.css
@@ -35,7 +35,11 @@ body {
   -moz-osx-font-smoothing: grayscale;
   @apply transition-colors duration-200 bg-light-bg dark:bg-dark-bg;
   max-width: 1024px;
-  padding-bottom: 7vh;
+  /* padding-bottom: 7vh; */
+}
+
+footer {
+  max-width: 1024px;
 }
 
 code {

From 096718768f5caf3bfa9db86f58f6f5b42b85f6ec Mon Sep 17 00:00:00 2001
From: wkdghdwns199 <wkdghdwns199@naver.com>
Date: Fri, 6 Sep 2024 02:01:19 +0900
Subject: [PATCH 2/5] =?UTF-8?q?fix=20:=20footer=20=EB=84=88=EB=B9=84=20?=
 =?UTF-8?q?=EC=97=90=EB=9F=AC=20=ED=95=B4=EA=B2=B0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 client/src/components/layout/Footer.tsx | 2 +-
 client/src/index.tsx                    | 4 ++--
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/client/src/components/layout/Footer.tsx b/client/src/components/layout/Footer.tsx
index 8cefc0f..3c4aeb9 100644
--- a/client/src/components/layout/Footer.tsx
+++ b/client/src/components/layout/Footer.tsx
@@ -32,7 +32,7 @@ const Footer = ({ dark, toggleDarkMode }: ComponentProps) => {
 
   return (
     <FullLayout>
-      <footer className={`w-full z-30 flex justify-between items-center pr-3 pl-3 `}>
+      <footer className={`absolute bottom-10 w-full flex justify-between items-center pr-3 pl-3 `}>
           <div>
             © WAG!
           </div>
diff --git a/client/src/index.tsx b/client/src/index.tsx
index f32da67..0637067 100644
--- a/client/src/index.tsx
+++ b/client/src/index.tsx
@@ -6,7 +6,6 @@ import reportWebVitals from "./reportWebVitals";
 import { Provider } from "react-redux";
 import store from "./modules";
 import Header from "./components/layout/Header";
-import Footer from "./components/layout/Footer";
 import { BrowserRouter } from "react-router-dom";
 import { QueryClient, QueryClientProvider } from "react-query";
 import { RecoilRoot } from "recoil";
@@ -14,6 +13,7 @@ import ReactModal from "react-modal";
 import { ToastContainer } from "react-toastify";
 import "react-toastify/dist/ReactToastify.css";
 import SquareBubble from "./components/layout/SquareBubble";
+import Footer from "./components/layout/Footer";
 
 const queryClient = new QueryClient();
 const rootElement = document.getElementById("root") as HTMLElement; // id가 'root'인 엘리먼트를 찾는 코드를 변수에 할당
@@ -28,9 +28,9 @@ root.render(
             <SquareBubble>
             <Header />
             <App />
+            <Footer/>
             <ToastContainer />
             </SquareBubble>
-            <Footer />
           </BrowserRouter>
         </RecoilRoot>
       </Provider>

From 27e4f4ba00305878810a448434f6c37b0f3502e4 Mon Sep 17 00:00:00 2001
From: wkdghdwns199 <wkdghdwns199@naver.com>
Date: Fri, 6 Sep 2024 02:03:31 +0900
Subject: [PATCH 3/5] =?UTF-8?q?fix=20:=20Header=20=EB=A1=9C=EA=B3=A0=20?=
 =?UTF-8?q?=EC=86=8C=EB=A6=AC=20=EC=95=88=20=EA=BA=BC=EC=A7=80=EB=8A=94=20?=
 =?UTF-8?q?=EB=B2=84=EA=B7=B8=20=ED=95=B4=EA=B2=B0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 client/src/components/layout/Header.tsx | 5 ++---
 1 file changed, 2 insertions(+), 3 deletions(-)

diff --git a/client/src/components/layout/Header.tsx b/client/src/components/layout/Header.tsx
index 8673ff7..ab718f9 100644
--- a/client/src/components/layout/Header.tsx
+++ b/client/src/components/layout/Header.tsx
@@ -19,7 +19,6 @@ type ComponentProps = Props & PropsFromRedux;
 const Header = ({ dark, toggleDarkMode }: ComponentProps) => {
 
   const [play, setPlay] = useState(false);
-  const [soundEffectStatusValue, ] = useState(soundEffectStatus);
   const [isClicked, setIsClicked] = useState(false)
   const audioRef = useRef<HTMLAudioElement>(null);
 
@@ -72,7 +71,7 @@ const Header = ({ dark, toggleDarkMode }: ComponentProps) => {
       audio.play(); // 소리를 재생합니다.
     };
     
-    if (soundEffectStatusValue){
+    if (playSoundEffect){
       playSound();
     }
     
@@ -85,7 +84,7 @@ const Header = ({ dark, toggleDarkMode }: ComponentProps) => {
       audio.play(); // 소리를 재생합니다.
     };
     
-    if (soundEffectStatusValue){
+    if (playSoundEffect){
       playSound();
     }
     

From 7e82f00b7582d88654a5b3f9a5b6b74282d93946 Mon Sep 17 00:00:00 2001
From: wkdghdwns199 <wkdghdwns199@naver.com>
Date: Fri, 6 Sep 2024 02:07:04 +0900
Subject: [PATCH 4/5] =?UTF-8?q?fix=20:=20Header=20=EB=A1=9C=EA=B3=A0=20?=
 =?UTF-8?q?=EC=9C=84=EC=B9=98=20=EB=B0=98=EC=9D=91=ED=98=95=EC=9D=84=20?=
 =?UTF-8?q?=EC=9C=84=ED=95=9C=20=ED=83=9C=EA=B7=B8=20=EB=AC=B6=EC=9D=8C=20?=
 =?UTF-8?q?=EB=B3=80=EA=B2=BD?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 client/src/components/layout/Header.tsx | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/client/src/components/layout/Header.tsx b/client/src/components/layout/Header.tsx
index ab718f9..ccf6885 100644
--- a/client/src/components/layout/Header.tsx
+++ b/client/src/components/layout/Header.tsx
@@ -92,8 +92,8 @@ const Header = ({ dark, toggleDarkMode }: ComponentProps) => {
 
   return (
     <header className="m-5 z-50">
-      <div className="flex justify-end z-50">
-        <div className="absolute left-10 top-7">
+      <div className="flex justify-between z-50">
+        <div className="relative top-2">
       {dark ? (
 
 <img className={`w-20 h-16 ${isClicked ? 'clicked' : ''}`} src="images/WAG_dark.2.png" 
@@ -118,6 +118,7 @@ const Header = ({ dark, toggleDarkMode }: ComponentProps) => {
       </img>
     )}
     </div>
+    <div className="flex justify-between z-50">
         <audio ref={audioRef} src='audio/main_theme.mp3' loop />
         {isChrome() ? (
           <>
@@ -206,6 +207,7 @@ const Header = ({ dark, toggleDarkMode }: ComponentProps) => {
             </RulesModal>
           </>
         ) : null}
+        </div>
       </div>
     </header>
   );

From b7c7f1d442e203504be380f94f990cfc43dbcf78 Mon Sep 17 00:00:00 2001
From: wkdghdwns199 <wkdghdwns199@naver.com>
Date: Fri, 6 Sep 2024 02:11:00 +0900
Subject: [PATCH 5/5] fix : v1.0.0 -> v1.0.1

---
 client/src/components/layout/Footer.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/client/src/components/layout/Footer.tsx b/client/src/components/layout/Footer.tsx
index 3c4aeb9..e193065 100644
--- a/client/src/components/layout/Footer.tsx
+++ b/client/src/components/layout/Footer.tsx
@@ -37,7 +37,7 @@ const Footer = ({ dark, toggleDarkMode }: ComponentProps) => {
             © WAG!
           </div>
           <div>
-            v1.0.0
+            v1.0.1
           </div>
       </footer>
 </FullLayout>