+
{headerBtn.map(({ icon: Icon, label, onClick, className }) => (
))}
diff --git a/src/shared/components/header/HeaderLogo.tsx b/src/shared/components/header/HeaderLogo.tsx
new file mode 100644
index 0000000..79639a9
--- /dev/null
+++ b/src/shared/components/header/HeaderLogo.tsx
@@ -0,0 +1,20 @@
+import Link from 'next/link';
+import Image from 'next/image';
+
+function HeaderLogo() {
+ return (
+
+
+
+
+
+ );
+}
+
+export default HeaderLogo;
diff --git a/src/components/header/NavItem.tsx b/src/shared/components/header/NavItem.tsx
similarity index 100%
rename from src/components/header/NavItem.tsx
rename to src/shared/components/header/NavItem.tsx
diff --git a/src/shared/components/like/LikeBtn.tsx b/src/shared/components/like/LikeBtn.tsx
index 8e11b20..48cbf5c 100644
--- a/src/shared/components/like/LikeBtn.tsx
+++ b/src/shared/components/like/LikeBtn.tsx
@@ -16,7 +16,7 @@ function LikeBtn() {
onClick={handleClick}
>
diff --git a/src/shared/components/scrollTop/ScrollTopBtn.tsx b/src/shared/components/scrollTop/ScrollTopBtn.tsx
index 3db9d6a..e9cf395 100644
--- a/src/shared/components/scrollTop/ScrollTopBtn.tsx
+++ b/src/shared/components/scrollTop/ScrollTopBtn.tsx
@@ -50,7 +50,7 @@ function ScrollTopBtn() {
onClick={scrollToTop}
className="flex-center w-10 h-10 shadow-[0_4px_12px_0_rgba(0,0,0,0.5)] bg-secondary rounded-full"
>
-
+
);
diff --git a/src/shared/components/share/Share.tsx b/src/shared/components/share/Share.tsx
new file mode 100644
index 0000000..f1f292f
--- /dev/null
+++ b/src/shared/components/share/Share.tsx
@@ -0,0 +1,32 @@
+import ShareBtn from '@/shared/assets/icons/share_28.svg';
+
+interface Props {
+ onClick?: () => void;
+ variants?: 'default' | 'community';
+ title?: string;
+ content?: string;
+}
+
+function Share({ onClick, variants = 'default', title, content }: Props) {
+ // title과 content는 추후 API가 들어오면 사용예정 API가 들어오면 타입 옵셔널 체크 해제헤 주세요
+
+ return (
+