diff --git a/components/map/kakaoMap.tsx b/components/map/kakaoMap.tsx
index d472218..689920a 100644
--- a/components/map/kakaoMap.tsx
+++ b/components/map/kakaoMap.tsx
@@ -2,6 +2,7 @@
import { useEffect, useState } from 'react';
import { Map, CustomOverlayMap } from 'react-kakao-maps-sdk';
+import { useKakaoMapsLoader } from '@/hooks/useKakaoMapsLoader';
import ZoomControl from './zoomControl';
interface Participant {
@@ -20,6 +21,8 @@ interface KakaoMapProps {
}
export default function KakaoMap({ className, participants = [] }: KakaoMapProps) {
+ useKakaoMapsLoader();
+
// 지도 객체를 담을 state (범위 재설정용)
const [map, setMap] = useState(null);
diff --git a/components/map/kakaoMapLine.tsx b/components/map/kakaoMapLine.tsx
index 7e17f99..00f1eaa 100644
--- a/components/map/kakaoMapLine.tsx
+++ b/components/map/kakaoMapLine.tsx
@@ -3,6 +3,7 @@
import React, { useState, useEffect } from 'react';
import { Map, Polyline, CustomOverlayMap } from 'react-kakao-maps-sdk';
import { useRouter } from 'next/navigation';
+import { useKakaoMapsLoader } from '@/hooks/useKakaoMapsLoader';
import ZoomControl from './zoomControl';
interface EndStation {
@@ -50,6 +51,8 @@ export default function KakaoMapLine({
meetingId,
purposes = [],
}: KakaoMapLineProps) {
+ useKakaoMapsLoader();
+
const router = useRouter();
const [map, setMap] = useState(null);
diff --git a/components/map/kakaoMapRecommend.tsx b/components/map/kakaoMapRecommend.tsx
index 6327e53..06ba968 100644
--- a/components/map/kakaoMapRecommend.tsx
+++ b/components/map/kakaoMapRecommend.tsx
@@ -3,6 +3,7 @@
import { useState, useMemo, useEffect } from 'react';
import { Map, CustomOverlayMap } from 'react-kakao-maps-sdk';
import Image from 'next/image';
+import { useKakaoMapsLoader } from '@/hooks/useKakaoMapsLoader';
import ZoomControl from './zoomControl';
interface Place {
@@ -47,6 +48,8 @@ export default function KakaoMapRecommend({
onCategoryChange,
meetingType,
}: KakaoMapRecommendProps) {
+ useKakaoMapsLoader();
+
// 1. 지도 객체를 state로 관리 (줌 컨트롤 제어용)
const [map, setMap] = useState(null);
diff --git a/hooks/useKakaoMapsLoader.ts b/hooks/useKakaoMapsLoader.ts
new file mode 100644
index 0000000..05c7cc8
--- /dev/null
+++ b/hooks/useKakaoMapsLoader.ts
@@ -0,0 +1,13 @@
+'use client';
+
+import { preconnect } from 'react-dom';
+import { useKakaoLoader } from 'react-kakao-maps-sdk';
+
+export const useKakaoMapsLoader = () => {
+ preconnect('https://dapi.kakao.com');
+
+ return useKakaoLoader({
+ appkey: process.env.NEXT_PUBLIC_KAKAO_MAP_API_KEY ?? '',
+ url: 'https://dapi.kakao.com/v2/maps/sdk.js',
+ });
+};
diff --git a/next.config.ts b/next.config.ts
index fbbeffd..4a64bcd 100644
--- a/next.config.ts
+++ b/next.config.ts
@@ -2,6 +2,9 @@ import type { NextConfig } from 'next';
const nextConfig: NextConfig = {
/* config options here */
+ images: {
+ formats: ['image/avif', 'image/webp'],
+ },
experimental: {
// 기본값이 30초~60초 정도인데, 이를 120초(120,000ms)로 늘립니다.
proxyTimeout: 120000,
diff --git a/package.json b/package.json
index f6dbc53..bcb223e 100644
--- a/package.json
+++ b/package.json
@@ -9,7 +9,6 @@
"lint": "eslint"
},
"dependencies": {
- "@next/third-parties": "^16.1.6",
"@radix-ui/react-dialog": "^1.1.15",
"@radix-ui/react-tooltip": "^1.1.3",
"@tanstack/react-query": "^5.90.16",
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 40c351b..54dad2e 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -8,9 +8,6 @@ importers:
.:
dependencies:
- '@next/third-parties':
- specifier: ^16.1.6
- version: 16.1.6(next@16.1.6(@babel/core@7.28.5)(react-dom@19.2.4(react@19.2.4))(react@19.2.4))(react@19.2.4)
'@radix-ui/react-dialog':
specifier: ^1.1.15
version: 1.1.15(@types/react-dom@19.2.3(@types/react@19.2.10))(@types/react@19.2.10)(react-dom@19.2.4(react@19.2.4))(react@19.2.4)
@@ -456,12 +453,6 @@ packages:
cpu: [x64]
os: [win32]
- '@next/third-parties@16.1.6':
- resolution: {integrity: sha512-/cLY1egaH529ylSMSK+C8dA3nWDLL4hOFR4fca9OLWWxjcNwzsbuq2pPb/tmdWL9Zj3K1nTjd1pWQoSlaDQ0VA==}
- peerDependencies:
- next: ^13.0.0 || ^14.0.0 || ^15.0.0 || ^16.0.0-beta.0
- react: ^18.2.0 || 19.0.0-rc-de68d2f4-20241204 || ^19.0.0
-
'@nodelib/fs.scandir@2.1.5':
resolution: {integrity: sha512-vq24Bq3ym5HEQm2NKCr3yXDwjc7vTsEThRDnkp2DK9p1uqLR+DHurm/NOTo0KG7HYHU7eppKZj3MyqYuMBf62g==}
engines: {node: '>= 8'}
@@ -2254,9 +2245,6 @@ packages:
resolution: {integrity: sha512-g9ljZiwki/LfxmQADO3dEY1CbpmXT5Hm2fJ+QaGKwSXUylMybePR7/67YW7jOrrvjEgL1Fmz5kzyAjWVWLlucg==}
engines: {node: '>=6'}
- third-party-capital@1.0.20:
- resolution: {integrity: sha512-oB7yIimd8SuGptespDAZnNkzIz+NWaJCu2RMsbs4Wmp9zSDUM8Nhi3s2OOcqYuv3mN4hitXc8DVx+LyUmbUDiA==}
-
tinyglobby@0.2.15:
resolution: {integrity: sha512-j2Zq4NyQYG5XMST4cbs02Ak8iJUdxRM0XI5QyxXuZOzKOINmWurp3smXu3y5wDcJrptwpSjgXHzIQxR0omXljQ==}
engines: {node: '>=12.0.0'}
@@ -2759,12 +2747,6 @@ snapshots:
'@next/swc-win32-x64-msvc@16.1.6':
optional: true
- '@next/third-parties@16.1.6(next@16.1.6(@babel/core@7.28.5)(react-dom@19.2.4(react@19.2.4))(react@19.2.4))(react@19.2.4)':
- dependencies:
- next: 16.1.6(@babel/core@7.28.5)(react-dom@19.2.4(react@19.2.4))(react@19.2.4)
- react: 19.2.4
- third-party-capital: 1.0.20
-
'@nodelib/fs.scandir@2.1.5':
dependencies:
'@nodelib/fs.stat': 2.0.5
@@ -4660,8 +4642,6 @@ snapshots:
tapable@2.3.0: {}
- third-party-capital@1.0.20: {}
-
tinyglobby@0.2.15:
dependencies:
fdir: 6.5.0(picomatch@4.0.3)
diff --git a/public/fonts/pretendard.css b/public/fonts/pretendard.css
new file mode 100644
index 0000000..70acd70
--- /dev/null
+++ b/public/fonts/pretendard.css
@@ -0,0 +1,71 @@
+@font-face {
+ font-family: 'Pretendard';
+ src: url('/fonts/Pretendard-Thin.woff2') format('woff2');
+ font-display: swap;
+ font-style: normal;
+ font-weight: 100;
+}
+
+@font-face {
+ font-family: 'Pretendard';
+ src: url('/fonts/Pretendard-ExtraLight.woff2') format('woff2');
+ font-display: swap;
+ font-style: normal;
+ font-weight: 200;
+}
+
+@font-face {
+ font-family: 'Pretendard';
+ src: url('/fonts/Pretendard-Light.woff2') format('woff2');
+ font-display: swap;
+ font-style: normal;
+ font-weight: 300;
+}
+
+@font-face {
+ font-family: 'Pretendard';
+ src: url('/fonts/Pretendard-Regular.woff2') format('woff2');
+ font-display: swap;
+ font-style: normal;
+ font-weight: 400;
+}
+
+@font-face {
+ font-family: 'Pretendard';
+ src: url('/fonts/Pretendard-Medium.woff2') format('woff2');
+ font-display: swap;
+ font-style: normal;
+ font-weight: 500;
+}
+
+@font-face {
+ font-family: 'Pretendard';
+ src: url('/fonts/Pretendard-SemiBold.woff2') format('woff2');
+ font-display: swap;
+ font-style: normal;
+ font-weight: 600;
+}
+
+@font-face {
+ font-family: 'Pretendard';
+ src: url('/fonts/Pretendard-Bold.woff2') format('woff2');
+ font-display: swap;
+ font-style: normal;
+ font-weight: 700;
+}
+
+@font-face {
+ font-family: 'Pretendard';
+ src: url('/fonts/Pretendard-ExtraBold.woff2') format('woff2');
+ font-display: swap;
+ font-style: normal;
+ font-weight: 800;
+}
+
+@font-face {
+ font-family: 'Pretendard';
+ src: url('/fonts/Pretendard-Black.woff2') format('woff2');
+ font-display: swap;
+ font-style: normal;
+ font-weight: 900;
+}