From f569755bea55e10f67632fc7633174897c1b6a0e Mon Sep 17 00:00:00 2001
From: limgyumin <dev.limgyumin@gmail.com>
Date: Sat, 16 Sep 2023 23:59:50 +0900
Subject: [PATCH] =?UTF-8?q?feat:=20=EC=95=84=ED=8B=B0=ED=81=B4=20=EC=83=81?=
 =?UTF-8?q?=EC=84=B8=20=ED=8E=98=EC=9D=B4=EC=A7=80=20=EA=B5=AC=ED=98=84=20?=
 =?UTF-8?q?=EB=B0=8F=20routing?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 app/article/[slug]/@comments/page.tsx | 13 +++++++++++++
 app/article/[slug]/layout.tsx         | 20 ++++++++++++++++++++
 app/article/[slug]/page.tsx           | 15 +++++++++++++++
 3 files changed, 48 insertions(+)
 create mode 100644 app/article/[slug]/@comments/page.tsx
 create mode 100644 app/article/[slug]/layout.tsx
 create mode 100644 app/article/[slug]/page.tsx

diff --git a/app/article/[slug]/@comments/page.tsx b/app/article/[slug]/@comments/page.tsx
new file mode 100644
index 00000000..992ce925
--- /dev/null
+++ b/app/article/[slug]/@comments/page.tsx
@@ -0,0 +1,13 @@
+import { CommentForm } from "components/article/@comments/comment-form";
+import { Comments } from "components/article/@comments/comments";
+
+const CommentsPage = () => {
+  return (
+    <div className="flex flex-col gap-3">
+      <CommentForm />
+      <Comments />
+    </div>
+  );
+};
+
+export default CommentsPage;
diff --git a/app/article/[slug]/layout.tsx b/app/article/[slug]/layout.tsx
new file mode 100644
index 00000000..4e560b55
--- /dev/null
+++ b/app/article/[slug]/layout.tsx
@@ -0,0 +1,20 @@
+import type { PropsWithChildren, ReactNode } from "react";
+
+type Props = {
+  comments: ReactNode;
+};
+
+const ArticleLayout = ({ children, comments }: PropsWithChildren<Props>) => {
+  return (
+    <div className="flex justify-center">
+      <div className="page relative">
+        <div className="flex flex-col gap-12 py-20">
+          {children}
+          {comments}
+        </div>
+      </div>
+    </div>
+  );
+};
+
+export default ArticleLayout;
diff --git a/app/article/[slug]/page.tsx b/app/article/[slug]/page.tsx
new file mode 100644
index 00000000..db396e8b
--- /dev/null
+++ b/app/article/[slug]/page.tsx
@@ -0,0 +1,15 @@
+import { Author } from "components/article/author";
+import { Content } from "components/article/content";
+import { Summary } from "components/article/summary";
+
+const ArticlePage = () => {
+  return (
+    <>
+      <Summary />
+      <Content />
+      <Author />
+    </>
+  );
+};
+
+export default ArticlePage;