diff --git a/public/images/film.png b/public/images/film.png
new file mode 100644
index 0000000..01a36a8
Binary files /dev/null and b/public/images/film.png differ
diff --git a/src/components/user/EmptyView.tsx b/src/components/user/EmptyView.tsx
new file mode 100644
index 0000000..2920e93
--- /dev/null
+++ b/src/components/user/EmptyView.tsx
@@ -0,0 +1,31 @@
+import Image from 'next/image';
+import { useRouter } from 'next/router';
+import { Button } from '@/components/shared';
+
+interface Props {
+ isLogin?: boolean;
+}
+
+export function EmptyView({ isLogin }: Props) {
+ const router = useRouter();
+
+ return (
+
+
+ {!isLogin && (
+
+ )}
+
+ );
+}
diff --git a/src/components/user/index.ts b/src/components/user/index.ts
index f77a97a..6863b35 100644
--- a/src/components/user/index.ts
+++ b/src/components/user/index.ts
@@ -4,3 +4,4 @@ export * from './FilmAddModal';
export * from './FilmSelectModal';
export * from './FilmTitleModal';
export * from './ProfileModal';
+export * from './EmptyView';
diff --git a/src/pages/user/[id]/index.tsx b/src/pages/user/[id]/index.tsx
index 87fcdc3..315ce3f 100644
--- a/src/pages/user/[id]/index.tsx
+++ b/src/pages/user/[id]/index.tsx
@@ -14,6 +14,7 @@ import { Drawer } from '@/components/shared/Drawer';
import { AddMenu } from '@/components/user';
import {
CameraRoll,
+ EmptyView,
FilmAddModal,
FilmSelectModal,
FilmTitleModal,
@@ -72,7 +73,7 @@ export default function User({
if (isError) return 에러 ㅋ
;
return (
-
+
{userData && (
handleEditTitle(title, film_id)}
/>
))}
+ {!filmList && (
+
+
+
+ )}
{isLogin && (