diff --git a/src/app/layout.jsx b/src/app/layout.jsx
index 11dbdd1..57e7245 100644
--- a/src/app/layout.jsx
+++ b/src/app/layout.jsx
@@ -5,12 +5,25 @@ import Body from '@/layouts/Body';
 import Header from '@/layouts/Header';
 import Main from '@/layouts/Main';
 
-export default function Layout({ children }) {
+import Categories from '@/components/aside/Categories';
+import Home from '@/components/aside/Home';
+
+// TODO: import '@/styles/global.scss';
+
+// TODO: export const metadata = {
+//   title: 'Next.js',
+//   description: 'Generated by Next.js',
+// };
+
+export default function RootLayout({ children }) {
   return (
     <html lang="ko">
       <Body>
         <Header />
-        <Aside />
+        <Aside>
+          <Home />
+          <Categories />
+        </Aside>
         <Main>{children}</Main>
         <SpeedInsights />
       </Body>
diff --git a/src/layouts/Aside/Aside.jsx b/src/layouts/Aside/Aside.jsx
index 10770fe..7a26e5f 100644
--- a/src/layouts/Aside/Aside.jsx
+++ b/src/layouts/Aside/Aside.jsx
@@ -1,13 +1,5 @@
-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}>
-      <Home />
-      <Categories />
-    </aside>
-  );
+export default function Aside({ children }) {
+  return <aside className={styles.aside}>{children}</aside>;
 }
