feat: 푸터 기본 형태 구현

app/components/Footer.tsx

@@ -0,0 +1,19 @@
+import { myInfo } from 'app/constants/myInfo';
+
+export const Footer = () => {
+  return (
+    <footer className="flex flex-col gap-4">
+      <hr className="border-1 border-gray-200 dark:border-gray-800" />
+      <p className="text-center text-xs text-gray-400">
+        <span>© 2024</span>
+        <a
+          href={myInfo.repoUrl}
+          target="_black"
+          rel="noopener noreferrer"
+          className="text-textColor"
+        >{` Junseokku Blog `}</a>
+        <span>Powered by Next.js</span>
+      </p>
+    </footer>
+  );
+};

app/constants/myInfo.ts

@@ -11,6 +11,7 @@ export const myInfo = {
     github: 'https://github.com/junseokku',
     linkedin: 'https://linkedin.com/in/junseokku',
   },
+  repoUrl: 'https://github.com/junseokku/contentlayer-blog',
   comment: {
     repo: 'junseokku/contentlayer-blog',
     repoId: 'R_kgDOKedY1A',

app/layout.tsx

@@ -5,6 +5,7 @@ import { pretendard } from './libs/font';
 import { Providers } from './components/Providers';
 import { SEOConfig } from './constants/SEOConfig';
 import { GoogleAnlytics } from './libs/GoogleAnalytics';
+import { Footer } from './components/Footer';
 
 export default function RootLayout({
   children,
@@ -19,6 +20,7 @@ export default function RootLayout({
             <div className="max-md:px-6 max-w-3xl w-full py-8 flex flex-col gap-8">
               <Header />
               {children}
+              <Footer />
             </div>
           </div>
         </Providers>

app/posts/[slug]/page.tsx

@@ -33,6 +33,7 @@ const PostLayout = ({ params }: Params) => {
       <article className="prose prose-stone dark:prose-invert max-w-3xl">
         <MDXContent />
       </article>
+      {/* TODO - post footer */}
       {/* post comment */}
       <Giscus />
     </section>