[25.06.07 / TASK-205] Feature - 서비스 이용동의 및 개인정보처리방침 추가 (#42)

Author: six-standard

src/app/TermsOfService.tsx

@@ -0,0 +1,16 @@
+const TERMS_OF_SERVICE_URL = 'https://nuung.notion.site/terms-of-service';
+const PRIVACY_POLICY_URL = 'https://nuung.notion.site/privacy-policy';
+
+export const TermsOfService = () => {
+  return (
+    <div className="flex items-center justify-center px-2 py-1 absolute bottom-0 left-0 w-full gap-2">
+      <a href={TERMS_OF_SERVICE_URL} className="text-TEXT-ALT text-[14px]">
+        서비스 이용약관
+      </a>
+      <div className="w-[1px] h-[15px] bg-TEXT-ALT" />
+      <a href={PRIVACY_POLICY_URL} className="text-TEXT-ALT text-[14px]">
+        개인정보처리방침
+      </a>
+    </div>
+  );
+};

src/app/layout.tsx

@@ -9,6 +9,7 @@ import './globals.css';
 import HolyLoader from 'holy-loader';
 import { ChannelTalkProvider, QueryProvider, ModalProvider } from '@/components';
 import { env } from '@/constants';
+import { TermsOfService } from './TermsOfService';
 
 export const BASE = 'https://velog-dashboard.kro.kr/';
 
@@ -39,8 +40,10 @@ export default function RootLayout({ children }: Readonly<{ children: ReactNode
             <ChannelTalkProvider>
               <ToastContainer autoClose={2000} />
               <ModalProvider />
-
-              <Suspense>{children}</Suspense>
+              <Suspense>
+                {children}
+                <TermsOfService />
+              </Suspense>
             </ChannelTalkProvider>
           </QueryProvider>
         </ErrorBoundary>