Merge pull request #372 from mosu-dev/feature#371

Feature#371 배너 클릭시 지원하기 페이지로 이동하도록 수정

Author: kimgho

mosu-app/src/features/banner/ui/Banner.tsx

@@ -1,5 +1,6 @@
 import { X } from "lucide-react";
 import Image from "next/image";
+import Link from "next/link";
 import { createPortal } from "react-dom";
 
 import imgDiscount from "@/features/banner/assets/img-discount.png";
@@ -15,12 +16,13 @@ export const Banner = () => {
         isVisible &&
         createPortal(
             <section className="w-full bg-black" style={{ height: BANNER_HEIGHT }}>
-                <div
-                    className="relative flex w-full justify-start px-4 md:justify-center"
+                <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%)",
                     }}
+                    href="/apply"
                 >
                     <div className="flex items-center justify-center">
                         <article>
@@ -41,11 +43,14 @@ 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>
-                </div>
+                </Link>
             </section>,
             document.getElementById(BANNER_PORTAL_ID) as HTMLElement,
         )