From f0d1d0cbef2239f9ea5d322b79236d862b14ff0c Mon Sep 17 00:00:00 2001
From: chaemin <87525734+cmlim0070@users.noreply.github.com>
Date: Fri, 25 Oct 2024 11:15:33 +0900
Subject: [PATCH 1/4] =?UTF-8?q?feat=20:=20=ED=97=A4=EB=8D=94=20=EC=B6=94?=
=?UTF-8?q?=EA=B0=80?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit
---
public/logo.svg | 9 +++++++++
src/widgets/header/index.tsx | 2 ++
src/widgets/header/ui/Header.stories.tsx | 20 ++++++++++++++++++++
src/widgets/header/ui/Header.styled.tsx | 17 +++++++++++++++++
src/widgets/header/ui/Header.tsx | 24 ++++++++++++++++++++++++
5 files changed, 72 insertions(+)
create mode 100644 public/logo.svg
create mode 100644 src/widgets/header/index.tsx
create mode 100644 src/widgets/header/ui/Header.stories.tsx
create mode 100644 src/widgets/header/ui/Header.styled.tsx
create mode 100644 src/widgets/header/ui/Header.tsx
diff --git a/public/logo.svg b/public/logo.svg
new file mode 100644
index 0000000..8d741c3
--- /dev/null
+++ b/public/logo.svg
@@ -0,0 +1,9 @@
+
diff --git a/src/widgets/header/index.tsx b/src/widgets/header/index.tsx
new file mode 100644
index 0000000..dfb12c0
--- /dev/null
+++ b/src/widgets/header/index.tsx
@@ -0,0 +1,2 @@
+export { Header } from './ui/Header'
+export type { HeaderProps } from './ui/Header'
diff --git a/src/widgets/header/ui/Header.stories.tsx b/src/widgets/header/ui/Header.stories.tsx
new file mode 100644
index 0000000..9d4084b
--- /dev/null
+++ b/src/widgets/header/ui/Header.stories.tsx
@@ -0,0 +1,20 @@
+import type { Meta, StoryObj } from '@storybook/react'
+import Header from './Header'
+
+const meta = {
+ title: 'Widgets/Header',
+ component: Header,
+ parameters: {
+ layout: 'fullscreen',
+ },
+ tags: ['autodocs'],
+} satisfies Meta
+
+export default meta
+type Story = StoryObj
+
+export const Default: Story = {
+ args: {
+ isLoggedIn: false,
+ },
+}
\ No newline at end of file
diff --git a/src/widgets/header/ui/Header.styled.tsx b/src/widgets/header/ui/Header.styled.tsx
new file mode 100644
index 0000000..a0710b3
--- /dev/null
+++ b/src/widgets/header/ui/Header.styled.tsx
@@ -0,0 +1,17 @@
+import styled from 'styled-components'
+
+export const Container = styled.header`
+ display: flex;
+`
+
+export const Logo = styled.div`
+ display: flex;
+`
+
+export const Nav = styled.div`
+ display: flex;
+`
+
+export const NavItem = styled.div`
+ display: flex;
+`
diff --git a/src/widgets/header/ui/Header.tsx b/src/widgets/header/ui/Header.tsx
new file mode 100644
index 0000000..e9d9446
--- /dev/null
+++ b/src/widgets/header/ui/Header.tsx
@@ -0,0 +1,24 @@
+import { Container, Logo, Nav, NavItem } from './Header.styled'
+
+interface HeaderProps {
+ isLoggedIn?: boolean
+ logoUrl?: string
+}
+
+const Header = () => {
+ return (
+
+
+ 
+
+
+
+ )
+}
+
+export default Header
From 61d94e0d11378039dde36cf96b2f96c05587086a Mon Sep 17 00:00:00 2001
From: chaemin <87525734+cmlim0070@users.noreply.github.com>
Date: Fri, 25 Oct 2024 11:53:53 +0900
Subject: [PATCH 2/4] =?UTF-8?q?style=20:=20=ED=97=A4=EB=8D=94=20=EC=8A=A4?=
=?UTF-8?q?=ED=83=80=EC=9D=BC=20=EC=88=98=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit
---
src/widgets/header/ui/Header.styled.tsx | 17 +++++++++++++++++
1 file changed, 17 insertions(+)
diff --git a/src/widgets/header/ui/Header.styled.tsx b/src/widgets/header/ui/Header.styled.tsx
index a0710b3..f525b2c 100644
--- a/src/widgets/header/ui/Header.styled.tsx
+++ b/src/widgets/header/ui/Header.styled.tsx
@@ -2,16 +2,33 @@ import styled from 'styled-components'
export const Container = styled.header`
display: flex;
+ flex-direction: row;
+ align-items: center;
+ justify-content: space-between;
+ padding: 0.5rem;
+ margin: 0 10% 0 10%;
`
export const Logo = styled.div`
display: flex;
+ cursor: pointer;
`
export const Nav = styled.div`
display: flex;
+ flex-direction: row;
+ justify-content: center;
+ align-items: center;
+ gap: 1rem;
+ font-size: 15px;
`
export const NavItem = styled.div`
display: flex;
+ border-radius: 10%;
+ padding: 1rem;
+ cursor: pointer;
+ &:hover {
+ background-color: #f2f2f2;
+ }
`
From 9182420b9edfd9ff5e098adabf89ea03e3f888c6 Mon Sep 17 00:00:00 2001
From: chaemin <87525734+cmlim0070@users.noreply.github.com>
Date: Fri, 25 Oct 2024 11:55:57 +0900
Subject: [PATCH 3/4] =?UTF-8?q?chore=20:=20=EB=A1=9C=EA=B3=A0=20=EC=9D=B4?=
=?UTF-8?q?=EB=AF=B8=EC=A7=80=20=EA=B2=BD=EB=A1=9C=20=EC=88=98=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit
---
src/widgets/header/ui/Header.tsx | 7 +------
1 file changed, 1 insertion(+), 6 deletions(-)
diff --git a/src/widgets/header/ui/Header.tsx b/src/widgets/header/ui/Header.tsx
index e9d9446..ebb306f 100644
--- a/src/widgets/header/ui/Header.tsx
+++ b/src/widgets/header/ui/Header.tsx
@@ -1,15 +1,10 @@
import { Container, Logo, Nav, NavItem } from './Header.styled'
-interface HeaderProps {
- isLoggedIn?: boolean
- logoUrl?: string
-}
-
const Header = () => {
return (
-
+ 