Moadong · seongwon030 · Jul 18, 2026 · Jun 27, 2026 · Jun 27, 2026 · Jun 27, 2026
diff --git a/frontend/CLAUDE.md b/frontend/CLAUDE.md
@@ -58,7 +58,7 @@ npm run generate:sitemap # sitemap.xml 생성
 - date-fns 날짜 처리 · Framer Motion 애니메이션 · Swiper 캐러셀
 - react-datepicker 날짜 선택 · react-markdown 마크다운 렌더링
 
-외부 서비스: Mixpanel, Sentry, Channel.io, Kakao SDK, Naver Map → 초기화·상세는 [`src/utils/CLAUDE.md`](src/utils/CLAUDE.md)
+외부 서비스: Mixpanel, Sentry, Channel.io, Naver Map → 초기화·상세는 [`src/utils/CLAUDE.md`](src/utils/CLAUDE.md)
 
 ### 환경 변수
 

diff --git a/frontend/index.html b/frontend/index.html
@@ -45,6 +45,9 @@
       content="부경대 동아리 정보를 한 곳에서 찾아보고, 새로운 동아리에 가입해 보세요!"
     />
     <meta name="twitter:image" content="https://www.moadong.com/og_image.png" />
+    <link rel="preconnect" href="https://cdn.jsdelivr.net" crossorigin />
+    <link rel="preconnect" href="https://fonts.googleapis.com" />
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
     <link
       rel="stylesheet"
       href="https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard.css"
@@ -53,11 +56,6 @@
       rel="stylesheet"
       href="https://fonts.googleapis.com/css2?family=Krona+One&display=swap"
     />
-    <script
-      src="https://t1.kakaocdn.net/kakao_js_sdk/2.7.5/kakao.min.js"
-      integrity="sha384-dok87au0gKqJdxs7msEdBPNnKSRT+/mhTVzq+qOhcL464zXwvcrpjeWvyj1kCdq6"
-      crossorigin="anonymous"
-    ></script>
   </head>
 
   <body>

diff --git a/frontend/src/assets/images/banners/banner_desktop3.png b/frontend/src/assets/images/banners/banner_desktop3.png
diff --git a/frontend/src/assets/images/banners/banner_mobile3.png b/frontend/src/assets/images/banners/banner_mobile3.png
diff --git a/frontend/src/assets/images/introduce/Introduce.png b/frontend/src/assets/images/introduce/Introduce.png
diff --git a/frontend/src/assets/images/introduce/features/desktop/feature_category_mockup.png b/frontend/src/assets/images/introduce/features/desktop/feature_category_mockup.png
diff --git a/frontend/src/assets/images/introduce/features/desktop/feature_category_mockup.webp b/frontend/src/assets/images/introduce/features/desktop/feature_category_mockup.webp
diff --git a/frontend/src/assets/images/introduce/features/desktop/feature_info_mockup.png b/frontend/src/assets/images/introduce/features/desktop/feature_info_mockup.png
diff --git a/frontend/src/assets/images/introduce/features/desktop/feature_info_mockup.webp b/frontend/src/assets/images/introduce/features/desktop/feature_info_mockup.webp
diff --git a/...nd/src/assets/images/introduce/features/desktop/feature_introduction_mockup.png b/...nd/src/assets/images/introduce/features/desktop/feature_introduction_mockup.png
diff --git a/...d/src/assets/images/introduce/features/desktop/feature_introduction_mockup.webp b/...d/src/assets/images/introduce/features/desktop/feature_introduction_mockup.webp
diff --git a/...end/src/assets/images/introduce/features/desktop/feature_recruitment_mockup.png b/...end/src/assets/images/introduce/features/desktop/feature_recruitment_mockup.png
diff --git a/...nd/src/assets/images/introduce/features/desktop/feature_recruitment_mockup.webp b/...nd/src/assets/images/introduce/features/desktop/feature_recruitment_mockup.webp
diff --git a/frontend/src/assets/images/introduce/features/index.ts b/frontend/src/assets/images/introduce/features/index.ts
@@ -1,13 +1,13 @@
 // 데스크탑용
-import feature_category_mockup_desktop from './desktop/feature_category_mockup.png';
-import feature_info_mockup_desktop from './desktop/feature_info_mockup.png';
-import feature_introduction_mockup_desktop from './desktop/feature_introduction_mockup.png';
-import feature_recruitment_mockup_desktop from './desktop/feature_recruitment_mockup.png';
+import feature_category_mockup_desktop from './desktop/feature_category_mockup.webp';
+import feature_info_mockup_desktop from './desktop/feature_info_mockup.webp';
+import feature_introduction_mockup_desktop from './desktop/feature_introduction_mockup.webp';
+import feature_recruitment_mockup_desktop from './desktop/feature_recruitment_mockup.webp';
 // 모바일용
-import feature_category_mockup_mobile from './mobile/feature_category_mockup.png';
-import feature_info_mockup_mobile from './mobile/feature_info_mockup.png';
-import feature_introduction_mockup_mobile from './mobile/feature_introduction_mockup.png';
-import feature_recruitment_mockup_mobile from './mobile/feature_recruitment_mockup.png';
+import feature_category_mockup_mobile from './mobile/feature_category_mockup.webp';
+import feature_info_mockup_mobile from './mobile/feature_info_mockup.webp';
+import feature_introduction_mockup_mobile from './mobile/feature_introduction_mockup.webp';
+import feature_recruitment_mockup_mobile from './mobile/feature_recruitment_mockup.webp';
 
 export const desktopFeatures = [
   { src: feature_category_mockup_desktop, alt: '분과별 카테고리' },

diff --git a/frontend/src/assets/images/introduce/features/mobile/feature_category_mockup.png b/frontend/src/assets/images/introduce/features/mobile/feature_category_mockup.png
diff --git a/frontend/src/assets/images/introduce/features/mobile/feature_category_mockup.webp b/frontend/src/assets/images/introduce/features/mobile/feature_category_mockup.webp
diff --git a/frontend/src/assets/images/introduce/features/mobile/feature_info_mockup.png b/frontend/src/assets/images/introduce/features/mobile/feature_info_mockup.png
diff --git a/frontend/src/assets/images/introduce/features/mobile/feature_info_mockup.webp b/frontend/src/assets/images/introduce/features/mobile/feature_info_mockup.webp
diff --git a/...end/src/assets/images/introduce/features/mobile/feature_introduction_mockup.png b/...end/src/assets/images/introduce/features/mobile/feature_introduction_mockup.png
diff --git a/...nd/src/assets/images/introduce/features/mobile/feature_introduction_mockup.webp b/...nd/src/assets/images/introduce/features/mobile/feature_introduction_mockup.webp
diff --git a/...tend/src/assets/images/introduce/features/mobile/feature_recruitment_mockup.png b/...tend/src/assets/images/introduce/features/mobile/feature_recruitment_mockup.png
diff --git a/...end/src/assets/images/introduce/features/mobile/feature_recruitment_mockup.webp b/...end/src/assets/images/introduce/features/mobile/feature_recruitment_mockup.webp
diff --git a/frontend/src/assets/images/introduce/introduce_phone_mockup.png b/frontend/src/assets/images/introduce/introduce_phone_mockup.png
diff --git a/frontend/src/assets/images/introduce/introduce_phone_mockup.webp b/frontend/src/assets/images/introduce/introduce_phone_mockup.webp
diff --git a/frontend/src/assets/images/popup/app-download.png b/frontend/src/assets/images/popup/app-download.png
diff --git a/frontend/src/assets/images/popup/app-download.webp b/frontend/src/assets/images/popup/app-download.webp
diff --git a/frontend/src/assets/images/popup/club-fest-2026.png b/frontend/src/assets/images/popup/club-fest-2026.png
diff --git a/frontend/src/pages/IntroducePage/components/sections/1.IntroSection/IntroSection.tsx b/frontend/src/pages/IntroducePage/components/sections/1.IntroSection/IntroSection.tsx
@@ -1,6 +1,6 @@
 import { useNavigate } from 'react-router-dom';
 import search_button_icon from '@/assets/images/icons/search_button_icon.svg';
-import introduce_phone_mockup from '@/assets/images/introduce/introduce_phone_mockup.png';
+import introduce_phone_mockup from '@/assets/images/introduce/introduce_phone_mockup.webp';
 import { PAGE_NAME } from '@/constants/eventName';
 import {
   BackgroundCircleLarge,

diff --git a/frontend/src/pages/MainPage/components/Popup/popupConfigs.ts b/frontend/src/pages/MainPage/components/Popup/popupConfigs.ts
@@ -1,4 +1,4 @@
-import AppDownloadImage from '@/assets/images/popup/app-download.png';
+import AppDownloadImage from '@/assets/images/popup/app-download.webp';
 import { USER_EVENT } from '@/constants/eventName';
 import { detectPlatform, getAppStoreLink } from '@/utils/appStoreLink';
 import { PopupConfig } from '@/utils/popupUtils';

diff --git a/frontend/src/types/global.d.ts b/frontend/src/types/global.d.ts
@@ -2,6 +2,10 @@ declare module '*.png' {
   const value: string;
   export default value;
 }
+declare module '*.webp' {
+  const value: string;
+  export default value;
+}
 declare module '*.jpg' {
   const value: string;
   export default value;

diff --git a/frontend/src/types/window.d.ts b/frontend/src/types/window.d.ts
@@ -1,6 +1,5 @@
 declare global {
   interface Window {
-    Kakao: any;
     naver: any;
     navermap_authFailure: () => void;
   }

diff --git a/frontend/src/utils/initSDK.ts b/frontend/src/utils/initSDK.ts
@@ -85,21 +85,3 @@ export function initializeSentry() {
     integrations: [Sentry.browserTracingIntegration()],
   });
 }
-
-export function initializeKakaoSDK() {
-  if (!import.meta.env.VITE_KAKAO_JAVASCRIPT_KEY) {
-    console.warn('환경변수가 설정되어 있지 않습니다.');
-    return;
-  }
-
-  if (!window.Kakao) {
-    console.error('카카오 SDK가 로드되지 않았습니다.');
-    return;
-  }
-
-  try {
-    window.Kakao.init(`${import.meta.env.VITE_KAKAO_JAVASCRIPT_KEY}`);
-  } catch (error) {
-    console.error('카카오 SDK 초기화에 실패했습니다:', error);
-  }
-}