[5주차] diaMEtes 미션 제출합니다.

src/components/common/Layout.tsx

@@ -0,0 +1,16 @@
+import { useRouter } from "next/router";
+import Footer from "./Footer";
+
+interface LayoutProps {
+  children?: JSX.Element;
+}
+
+export default function Layout({ children }: LayoutProps) {
+  const router = useRouter();
+  return (
+    <>
+      {children}
+      {router.pathname !== "/" && <Footer />}
+    </>
+  );
+}

src/interface.tsx

@@ -1,5 +1,3 @@
-export interface CustomPageProps {}
-
 export interface IFooter {
   alt: string;
   name: string;

src/pages/_app.tsx

@@ -1,17 +1,14 @@
 import "../../styles/globals.css";
 import type { AppProps } from "next/app";
 import React from "react";
-import { CustomPageProps } from "../interface";
-import Footer from "../components/common/Footer";
+import Layout from "../components/common/Layout";
 
-export default function App({
-  Component,
-  pageProps,
-}: AppProps<CustomPageProps>) {
+export default function App({ Component, pageProps }: AppProps) {
   return (
     <>
-      <Component {...pageProps} />
-      <Footer />
+      <Layout>
+        <Component {...pageProps} />
+      </Layout>
     </>
   );
 }

src/pages/index.tsx

@@ -13,7 +13,6 @@ export default function Home() {
     const timer = setTimeout(() => {
       router.push("/home");
     }, 3100);
-
     return () => {
       clearTimeout(timer);
     };