From c3da024acad314661e9abfe358d3bc314b07e839 Mon Sep 17 00:00:00 2001
From: 9yujin <9yujin@toss.im>
Date: Sun, 15 Dec 2024 20:57:31 +0900
Subject: [PATCH 1/2] =?UTF-8?q?feat=20:=20=EC=9D=B4=EB=AF=B8=EC=A7=80=20sr?=
 =?UTF-8?q?cSet,=20=EC=BA=90=EC=8B=9C=20=EB=8A=98=EB=A6=BC?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 apps/ticket/next.config.js                           | 4 ++--
 apps/ticket/src/components/home/blocks/EventLink.tsx | 2 +-
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/apps/ticket/next.config.js b/apps/ticket/next.config.js
index 81d15140..dfd36815 100644
--- a/apps/ticket/next.config.js
+++ b/apps/ticket/next.config.js
@@ -32,9 +32,9 @@ module.exports = withBundleAnalyzer(
       },
       images: {
         imageSizes: [32, 64, 128, 256, 384],
-        deviceSizes: [750, 1080, 1920, 3840],
+        deviceSizes: [750, 1920],
         domains: ['asset.dudoong.com'],
-        minimumCacheTTL: 5184000,
+        minimumCacheTTL: 31536000,
       },
       rewrites: async () => [
         {
diff --git a/apps/ticket/src/components/home/blocks/EventLink.tsx b/apps/ticket/src/components/home/blocks/EventLink.tsx
index 5565b088..055c8048 100644
--- a/apps/ticket/src/components/home/blocks/EventLink.tsx
+++ b/apps/ticket/src/components/home/blocks/EventLink.tsx
@@ -21,7 +21,7 @@ const EventLink = (props: EventResponse) => {
           <Image
             src={img || ''}
             fill={true}
-            sizes="(max-width: 768px) 50vw, 25vw"
+            sizes="400px"
             alt={`${props.name}`}
             onError={() => setImg(`/no-poster.png`)}
             className="poster"

From 490b5ac94dfd6e854b6a1aaa51bc9c440e4415c5 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=ED=95=9C=EA=B7=9C=EC=A7=84?=
 <55226431+9yujin@users.noreply.github.com>
Date: Sat, 19 Apr 2025 22:10:28 +0900
Subject: [PATCH 2/2] =?UTF-8?q?feat=20:=20=EC=B9=B4=EC=B9=B4=EC=98=A4?=
 =?UTF-8?q?=EC=95=A0=EB=93=9C=ED=95=8F=20(#325)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Co-authored-by: 9yujin <9yujin@toss.im>
---
 .../events/blocks/Mobile/MobilePage.tsx       |  4 ++-
 .../components/events/blocks/PC/PcPage.tsx    |  3 +-
 .../src/components/mypage/Ticket/index.tsx    |  2 ++
 apps/ticket/src/components/mypage/index.tsx   |  2 ++
 .../src/components/shared/KakaoAdfit.tsx      | 34 +++++++++++++++++++
 custom.d.ts                                   | 10 ++++++
 6 files changed, 53 insertions(+), 2 deletions(-)
 create mode 100644 apps/ticket/src/components/shared/KakaoAdfit.tsx

diff --git a/apps/ticket/src/components/events/blocks/Mobile/MobilePage.tsx b/apps/ticket/src/components/events/blocks/Mobile/MobilePage.tsx
index 71bde9c0..5ca53914 100644
--- a/apps/ticket/src/components/events/blocks/Mobile/MobilePage.tsx
+++ b/apps/ticket/src/components/events/blocks/Mobile/MobilePage.tsx
@@ -22,6 +22,7 @@ import Tickets from '../Tickets';
 import MobileMap from './MobileMap';
 import Image from 'next/image';
 import { useState, useEffect } from 'react';
+import KakaoAdFit from '@components/shared/KakaoAdfit';
 
 const MobilePage = ({
   tickets,
@@ -122,9 +123,10 @@ const MobilePage = ({
         </Block>
       </Container>
       <Divider />
+      <KakaoAdFit />
       <DetailMenu content={detail.content} MdViewer={MdViewer} />
-
       <Spacing size={60} />
+
       <Footer />
       <Spacing size={120} color={'gray_200'} />
       <ButtonSet
diff --git a/apps/ticket/src/components/events/blocks/PC/PcPage.tsx b/apps/ticket/src/components/events/blocks/PC/PcPage.tsx
index ecd9ffd1..39c9f07c 100644
--- a/apps/ticket/src/components/events/blocks/PC/PcPage.tsx
+++ b/apps/ticket/src/components/events/blocks/PC/PcPage.tsx
@@ -44,7 +44,8 @@ const PcPage = ({
           />
         </RightSticky>
       </Container>
-      <Spacing size={120} />
+      <Spacing size={80} />
+      <Spacing size={40} />
       <section>
         <Footer />
       </section>
diff --git a/apps/ticket/src/components/mypage/Ticket/index.tsx b/apps/ticket/src/components/mypage/Ticket/index.tsx
index 404b3573..b00f135c 100644
--- a/apps/ticket/src/components/mypage/Ticket/index.tsx
+++ b/apps/ticket/src/components/mypage/Ticket/index.tsx
@@ -12,6 +12,7 @@ import { useEffect } from 'react';
 import { useRecoilValue } from 'recoil';
 import Image from 'next/image';
 import TicketList from './TicketList';
+import KakaoAdFit from '@components/shared/KakaoAdfit';
 
 const Ticket = () => {
   const {
@@ -64,6 +65,7 @@ const Ticket = () => {
             />
             <Spacing size={20} />
             <Divider />
+            <KakaoAdFit />
             <Shortcuts
               text="공연정보"
               url={`/events/${data.eventProfile.eventId}`}
diff --git a/apps/ticket/src/components/mypage/index.tsx b/apps/ticket/src/components/mypage/index.tsx
index 377cd1f9..35491506 100644
--- a/apps/ticket/src/components/mypage/index.tsx
+++ b/apps/ticket/src/components/mypage/index.tsx
@@ -33,6 +33,7 @@ import useOverlay from '@lib/hooks/useOverlay';
 import { AuthAPi } from '@lib/apis/axios';
 import { useEffect } from 'react';
 import { css } from '@emotion/react';
+import KakaoAdFit from '@components/shared/KakaoAdfit';
 
 const Mypage = ({ info }: { info: UserInfo }) => {
   const { userProfile } = useRecoilValue(authState);
@@ -118,6 +119,7 @@ const Mypage = ({ info }: { info: UserInfo }) => {
       <Shortcuts text="내 예매내역" url="/history" />
       <Shortcuts text="내 쿠폰함" url="/history/mycoupon" />
       <Divider />
+      <KakaoAdFit />
       <Shortcuts text="공연 준비하기" url="/admin" />
       <Divider />
       <Shortcuts
diff --git a/apps/ticket/src/components/shared/KakaoAdfit.tsx b/apps/ticket/src/components/shared/KakaoAdfit.tsx
new file mode 100644
index 00000000..e0f97f9e
--- /dev/null
+++ b/apps/ticket/src/components/shared/KakaoAdfit.tsx
@@ -0,0 +1,34 @@
+import { useResponsive } from '@dudoong/utils';
+import { useEffect, useRef } from 'react';
+
+export const KakaoAdFit = () => {
+  const scriptElementWrapper = useRef<HTMLDivElement>(null);
+
+  useEffect(() => {
+    const script = document.createElement('script');
+    script.setAttribute('src', 'https://t1.daumcdn.net/kas/static/ba.min.js');
+    scriptElementWrapper.current?.appendChild(script);
+
+    return () => {
+      const globalAdfit = window.adfit;
+      if (globalAdfit) globalAdfit.destroy(MOBILE_AD_UNIT);
+    };
+  }, []);
+
+  return (
+    <div ref={scriptElementWrapper}>
+      <ins
+        className="kakao_ad_area"
+        style={{ display: 'none' }}
+        data-ad-unit={MOBILE_AD_UNIT}
+        data-ad-width={320}
+        data-ad-height={50}
+      ></ins>
+    </div>
+  );
+};
+
+export default KakaoAdFit;
+
+const MOBILE_AD_UNIT = 'DAN-VLC9FkVziYKDw7p7';
+const PC_AD_UNIT = 'DAN-yCtsOw04YWNgeowm';
diff --git a/custom.d.ts b/custom.d.ts
index 72270d9d..208399fe 100644
--- a/custom.d.ts
+++ b/custom.d.ts
@@ -2,3 +2,13 @@ declare module '*.svg' {
   const value: React.FunctionComponent<React.SVGAttributes<SVGElement>>;
   export default value;
 }
+
+declare global {
+  interface Window {
+    adfit?: {
+      destroy: (unit: string) => void;
+    };
+  }
+}
+
+export {};