refactor: navbar 수정, 미사용 파일 삭제

src/components/ui/NavbarV2/NavbarV2.module.scss → src/components/common/Navbar/Navbar.module.scss

@@ -1,4 +1,4 @@
-.NavbarV2 {
+.Navbar {
   display: flex;
   align-items: center;
   justify-content: space-between;

src/components/common/Navbar/Navbar.stories.tsx

@@ -0,0 +1,62 @@
+import { MemoryRouter } from "react-router-dom";
+
+import Navbar from "@/components/common/Navbar/Navbar";
+import Icon from "@/components/ui/Icon/Icon";
+import Text from "@/components/ui/Text/Text";
+
+import type { Meta, StoryObj } from "@storybook/react";
+
+const meta: Meta = {
+  title: "Components/Navbar",
+  decorators: [
+    (Story) => (
+      <MemoryRouter>
+        <div style={{ width: 350, border: "1px solid #ccc" }}>
+          <Story />
+        </div>
+      </MemoryRouter>
+    ),
+  ],
+};
+
+export default meta;
+
+type Story = StoryObj;
+
+export const HomeNavbar: Story = {
+  name: "HomeNavbar",
+  render: () => (
+    <Navbar>
+      <Navbar.LeftButton>
+        <Icon name="logo" />
+      </Navbar.LeftButton>
+      <Navbar.RightButton>
+        <Text variant="bodySm" color="secondary">
+          앱 공유하기
+        </Text>
+      </Navbar.RightButton>
+    </Navbar>
+  ),
+};
+
+export const ArrowNavbar: Story = {
+  name: "ArrowNavbar",
+  render: () => (
+    <Navbar>
+      <Navbar.LeftButton>
+        <Icon name="leftArrow" />
+      </Navbar.LeftButton>
+    </Navbar>
+  ),
+};
+
+export const CloseNavbar: Story = {
+  name: "CloseNavbar",
+  render: () => (
+    <Navbar>
+      <Navbar.RightButton>
+        <Icon name="close" />
+      </Navbar.RightButton>
+    </Navbar>
+  ),
+};

src/components/ui/NavbarV2/NavbarV2.tsx → src/components/common/Navbar/Navbar.tsx

@@ -2,15 +2,14 @@ import type { ButtonHTMLAttributes, PropsWithChildren } from "react";
 
 import classNames from "classnames";
 
-import styles from "@/components/ui/NavbarV2/NavbarV2.module.scss";
+import styles from "@/components/common/Navbar/Navbar.module.scss";
 
-const NavbarV2 = ({ children }: PropsWithChildren) => {
-  return <div className={styles.NavbarV2}>{children}</div>;
+const Navbar = ({ children }: PropsWithChildren) => {
+  return <div className={styles.Navbar}>{children}</div>;
 };
 
-NavbarV2.LeftButton = ({
+Navbar.LeftButton = ({
   children,
-  // 확장성 고려해서 className 추가 현재 디자인상에서는 사실 필요 없기는 함
   className,
   ...props
 }: ButtonHTMLAttributes<HTMLButtonElement>) => {
@@ -21,7 +20,7 @@ NavbarV2.LeftButton = ({
   );
 };
 
-NavbarV2.RightButton = ({
+Navbar.RightButton = ({
   children,
   className,
   ...props
@@ -33,4 +32,4 @@ NavbarV2.RightButton = ({
   );
 };
 
-export default NavbarV2;
+export default Navbar;