From df85d36c4b2784eab70f28fe276f070b7502e1b8 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=EB=A3=A8=EB=B0=80LuMir?= <rpfos@naver.com>
Date: Mon, 16 Sep 2024 19:41:57 +0900
Subject: [PATCH] refactor: detach Home component from Aside component

---
 src/components/aside/Home/Home.jsx | 11 +++++++++++
 src/components/aside/Home/index.js |  3 +++
 src/layouts/Aside/Aside.jsx        |  9 ++-------
 3 files changed, 16 insertions(+), 7 deletions(-)
 create mode 100644 src/components/aside/Home/Home.jsx
 create mode 100644 src/components/aside/Home/index.js

diff --git a/src/components/aside/Home/Home.jsx b/src/components/aside/Home/Home.jsx
new file mode 100644
index 0000000..d789784
--- /dev/null
+++ b/src/components/aside/Home/Home.jsx
@@ -0,0 +1,11 @@
+import Link from 'next/link';
+
+export default async function Home() {
+  return (
+    <ul>
+      <li>
+        <Link href="/">Home</Link>
+      </li>
+    </ul>
+  );
+}
diff --git a/src/components/aside/Home/index.js b/src/components/aside/Home/index.js
new file mode 100644
index 0000000..fbe3fed
--- /dev/null
+++ b/src/components/aside/Home/index.js
@@ -0,0 +1,3 @@
+import Home from './Home';
+
+export default Home;
diff --git a/src/layouts/Aside/Aside.jsx b/src/layouts/Aside/Aside.jsx
index a12acdf..10770fe 100644
--- a/src/layouts/Aside/Aside.jsx
+++ b/src/layouts/Aside/Aside.jsx
@@ -1,17 +1,12 @@
-import Link from 'next/link';
-
 import Categories from '@/components/aside/Categories';
+import Home from '@/components/aside/Home';
 
 import styles from './Aside.module.scss';
 
 export default async function Aside() {
   return (
     <aside className={styles.aside}>
-      <ul>
-        <li>
-          <Link href="/">Home</Link>
-        </li>
-      </ul>
+      <Home />
       <Categories />
     </aside>
   );