From 068052ced9f390711535dd5f4534c69359edf03e Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=EC=9D=B4=EB=8F=99=EC=9C=A8?= <dy9623@naver.com>
Date: Mon, 18 Nov 2024 20:56:50 +0900
Subject: [PATCH] =?UTF-8?q?[FE][Feat]=20#194=20:=20userBoard=20Storybook?=
 =?UTF-8?q?=20=EC=9E=91=EC=84=B1?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../stories/userboard/userboard.stories.tsx   | 24 +++++++++++++++++++
 1 file changed, 24 insertions(+)
 create mode 100644 frontend/src/stories/userboard/userboard.stories.tsx

diff --git a/frontend/src/stories/userboard/userboard.stories.tsx b/frontend/src/stories/userboard/userboard.stories.tsx
new file mode 100644
index 00000000..7ca71435
--- /dev/null
+++ b/frontend/src/stories/userboard/userboard.stories.tsx
@@ -0,0 +1,24 @@
+import React from 'react';
+import '@/index.css';
+import { Meta, StoryFn } from '@storybook/react';
+import { UserBoard } from '@/component/userboard/UserBoard';
+
+export default {
+  title: 'Components/UserBoard', // Storybook의 사이드바에 표시될 경로
+  component: UserBoard,
+  tags: ['autodocs'],
+  parameters: {
+    layout: 'fullscreen', // Storybook 뷰를 중앙에 정렬
+  },
+  decorators: [
+    Story => (
+      <div style={{ position: 'relative', width: '100%', height: '100vh' }}>
+        <Story />
+      </div>
+    ),
+  ],
+} as Meta;
+
+const Template: StoryFn = args => <UserBoard {...args} />;
+
+export const Default = Template.bind({});