diff --git a/src/app/api/kakao/KaKaoScript.tsx b/src/app/api/kakao/KaKaoScript.tsx
new file mode 100644
index 0000000..6334797
--- /dev/null
+++ b/src/app/api/kakao/KaKaoScript.tsx
@@ -0,0 +1,17 @@
+'use client';
+
+import Script from 'next/script';
+
+declare global {
+ interface Window {
+ // eslint-disable-next-line @typescript-eslint/no-explicit-any
+ Kakao: any;
+ }
+}
+function KaKaoScript() {
+ const onLoad = () => {
+ window.Kakao.init(process.env.NEXT_PUBLIC_KAKAO_JAVASCRIPT_KEY);
+ };
+ return ;
+}
+export default KaKaoScript;
diff --git a/src/app/layout.tsx b/src/app/layout.tsx
index a2ce1c0..3d86d64 100644
--- a/src/app/layout.tsx
+++ b/src/app/layout.tsx
@@ -4,8 +4,11 @@ import { Toaster } from 'react-hot-toast';
import Header from '@/shared/components/header/Header';
import FooterWrapper from '@/shared/components/footer/FooterWrapper';
import ScrollTopBtnWrapper from '@/shared/components/scroll-top/ScrollTopBtnWrapper';
+import KaKaoScript from './api/kakao/KaKaoScript';
+
export const metadata: Metadata = {
- title: 'SSOUL',
+ title: { default: 'SSOUL', template: 'SSOUL | %s' },
+ metadataBase: new URL('http://www.ssoul.life'),
description: '칵테일을 좋아하는 사람들을 위한 서비스',
};
@@ -35,6 +38,7 @@ export default function RootLayout({