From 19fcfcc4e6b3de7dbe93fa17da14bba93440157d Mon Sep 17 00:00:00 2001
From: toothlessdev <toothless042@gmail.com>
Date: Wed, 27 Aug 2025 20:58:01 +0900
Subject: [PATCH 1/3] =?UTF-8?q?feat:=20=EB=B0=B0=EB=84=88=20=ED=81=B4?=
 =?UTF-8?q?=EB=A6=AD=EC=8B=9C=20=EC=A7=80=EC=9B=90=ED=95=98=EA=B8=B0=20?=
 =?UTF-8?q?=ED=8E=98=EC=9D=B4=EC=A7=80=EB=A1=9C=20=EC=9D=B4=EB=8F=99?=
 =?UTF-8?q?=ED=95=98=EB=8F=84=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

---
 mosu-app/src/features/banner/ui/Banner.tsx | 7 ++++++-
 1 file changed, 6 insertions(+), 1 deletion(-)

diff --git a/mosu-app/src/features/banner/ui/Banner.tsx b/mosu-app/src/features/banner/ui/Banner.tsx
index d3d6ba70..d4708b43 100644
--- a/mosu-app/src/features/banner/ui/Banner.tsx
+++ b/mosu-app/src/features/banner/ui/Banner.tsx
@@ -1,5 +1,6 @@
 import { X } from "lucide-react";
 import Image from "next/image";
+import { useRouter } from "next/router";
 import { createPortal } from "react-dom";
 
 import imgDiscount from "@/features/banner/assets/img-discount.png";
@@ -9,6 +10,7 @@ export const BANNER_PORTAL_ID = "banner-container";
 export const BANNER_HEIGHT = 70;
 
 export const Banner = () => {
+    const router = useRouter();
     const { isVisible, hideBanner } = useBannerVisibility();
 
     return (
@@ -22,7 +24,10 @@ export const Banner = () => {
                         background: "linear-gradient(to bottom, #1d1d1d28 0%, #ff1d3828 100%)",
                     }}
                 >
-                    <div className="flex items-center justify-center">
+                    <div
+                        className="flex items-center justify-center hover:cursor-pointer"
+                        onClick={() => router.push("/apply")}
+                    >
                         <article>
                             <h1 className="text-base font-bold text-white md:text-lg">
                                 얼리버드 특가 9월중으로 <span className="text-red-500">곧 종료</span>됩니다.

From 47bdf1cb69c8bbd55794215bc8c63ffca6ef20e8 Mon Sep 17 00:00:00 2001
From: toothlessdev <toothless042@gmail.com>
Date: Wed, 27 Aug 2025 21:02:10 +0900
Subject: [PATCH 2/3] =?UTF-8?q?feat:=20=EB=B0=B0=EB=84=88=20=ED=81=B4?=
 =?UTF-8?q?=EB=A6=AD=EC=8B=9C=20=EC=A7=80=EC=9B=90=ED=95=98=EA=B8=B0=20?=
 =?UTF-8?q?=ED=8E=98=EC=9D=B4=EC=A7=80=EB=A1=9C=20=EC=9D=B4=EB=8F=99?=
 =?UTF-8?q?=ED=95=98=EB=8F=84=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

---
 mosu-app/src/features/banner/ui/Banner.tsx | 13 +++++++------
 1 file changed, 7 insertions(+), 6 deletions(-)

diff --git a/mosu-app/src/features/banner/ui/Banner.tsx b/mosu-app/src/features/banner/ui/Banner.tsx
index d4708b43..aca31795 100644
--- a/mosu-app/src/features/banner/ui/Banner.tsx
+++ b/mosu-app/src/features/banner/ui/Banner.tsx
@@ -18,16 +18,14 @@ export const Banner = () => {
         createPortal(
             <section className="w-full bg-black" style={{ height: BANNER_HEIGHT }}>
                 <div
-                    className="relative flex w-full justify-start px-4 md:justify-center"
+                    className="relative flex w-full justify-start px-4 hover:cursor-pointer md:justify-center"
                     style={{
                         height: BANNER_HEIGHT,
                         background: "linear-gradient(to bottom, #1d1d1d28 0%, #ff1d3828 100%)",
                     }}
+                    onClick={() => router.push("/apply")}
                 >
-                    <div
-                        className="flex items-center justify-center hover:cursor-pointer"
-                        onClick={() => router.push("/apply")}
-                    >
+                    <div className="flex items-center justify-center">
                         <article>
                             <h1 className="text-base font-bold text-white md:text-lg">
                                 얼리버드 특가 9월중으로 <span className="text-red-500">곧 종료</span>됩니다.
@@ -46,7 +44,10 @@ export const Banner = () => {
                     <button
                         className="absolute right-2 block h-full hover:cursor-pointer md:right-5"
                         aria-label="배너 닫기"
-                        onClick={hideBanner}
+                        onClick={(e) => {
+                            e.stopPropagation();
+                            hideBanner();
+                        }}
                     >
                         <X color="#fff" />
                     </button>

From 5cd3ac87097c7778ef491c877528665d194bf3ec Mon Sep 17 00:00:00 2001
From: toothlessdev <toothless042@gmail.com>
Date: Wed, 27 Aug 2025 21:05:14 +0900
Subject: [PATCH 3/3] =?UTF-8?q?feat:=20next/router=20=EB=A5=BC=20next/link?=
 =?UTF-8?q?=20=EB=A1=9C=20=EB=B3=80=EA=B2=BD?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 mosu-app/src/features/banner/ui/Banner.tsx | 9 ++++-----
 1 file changed, 4 insertions(+), 5 deletions(-)

diff --git a/mosu-app/src/features/banner/ui/Banner.tsx b/mosu-app/src/features/banner/ui/Banner.tsx
index aca31795..a93bc1dc 100644
--- a/mosu-app/src/features/banner/ui/Banner.tsx
+++ b/mosu-app/src/features/banner/ui/Banner.tsx
@@ -1,6 +1,6 @@
 import { X } from "lucide-react";
 import Image from "next/image";
-import { useRouter } from "next/router";
+import Link from "next/link";
 import { createPortal } from "react-dom";
 
 import imgDiscount from "@/features/banner/assets/img-discount.png";
@@ -10,20 +10,19 @@ export const BANNER_PORTAL_ID = "banner-container";
 export const BANNER_HEIGHT = 70;
 
 export const Banner = () => {
-    const router = useRouter();
     const { isVisible, hideBanner } = useBannerVisibility();
 
     return (
         isVisible &&
         createPortal(
             <section className="w-full bg-black" style={{ height: BANNER_HEIGHT }}>
-                <div
+                <Link
                     className="relative flex w-full justify-start px-4 hover:cursor-pointer md:justify-center"
                     style={{
                         height: BANNER_HEIGHT,
                         background: "linear-gradient(to bottom, #1d1d1d28 0%, #ff1d3828 100%)",
                     }}
-                    onClick={() => router.push("/apply")}
+                    href="/apply"
                 >
                     <div className="flex items-center justify-center">
                         <article>
@@ -51,7 +50,7 @@ export const Banner = () => {
                     >
                         <X color="#fff" />
                     </button>
-                </div>
+                </Link>
             </section>,
             document.getElementById(BANNER_PORTAL_ID) as HTMLElement,
         )