diff --git a/src/features/posts/components/NoPost/NoPost.tsx b/src/features/posts/components/NoPost/NoPost.tsx
new file mode 100644
index 00000000..a58382ec
--- /dev/null
+++ b/src/features/posts/components/NoPost/NoPost.tsx
@@ -0,0 +1,35 @@
+import { useNavigate } from 'react-router-dom';
+import { POST_TYPE } from '@/common/constants/post-type';
+import { ReactComponent as NoPostIcon } from './no-post-icon.svg';
+
+interface NoPostText {
+  type: POST_TYPE;
+}
+
+export function NoPost({ type }: NoPostText) {
+  const navigate = useNavigate();
+
+  const text =
+    type === POST_TYPE.MY
+      ? '아직 작성한 게시물이 없어요.'
+      : '투표하거나 댓글 남긴 게시글이 없어요.';
+
+  return (
+    <div
+      className={
+        'absolute left-1/2 top-[45%] flex -translate-x-1/2 flex-col items-center'
+      }
+    >
+      <NoPostIcon className={'h-[7.512rem] w-[7.496rem]'} />
+      <span className="mt-[1.688rem] font-system-body3">{text}</span>
+      {type === POST_TYPE.MY && (
+        <span
+          className="cursor-pointer text-mainSub-main-500 underline font-system-body4"
+          onClick={() => navigate('/write')}
+        >
+          글 작성 시작
+        </span>
+      )}
+    </div>
+  );
+}
diff --git a/src/features/posts/components/NoPost/index.ts b/src/features/posts/components/NoPost/index.ts
new file mode 100644
index 00000000..a84ba2ea
--- /dev/null
+++ b/src/features/posts/components/NoPost/index.ts
@@ -0,0 +1 @@
+export { NoPost } from './NoPost';
diff --git a/src/features/posts/components/NoPost/no-post-icon.svg b/src/features/posts/components/NoPost/no-post-icon.svg
new file mode 100644
index 00000000..d5270f72
--- /dev/null
+++ b/src/features/posts/components/NoPost/no-post-icon.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="75" height="76" fill="none"><path fill="#F5F5F5" fill-rule="evenodd" d="M30.827 71.006a36.61 36.61 0 0 0 16.525-.487 37.191 37.191 0 0 0 4.994-1.69c.09.23.199.453.324.67 1.74 3.014 6.2 3.695 9.961 1.523 3.133-1.809 4.794-5.025 4.258-7.79 1.446-1.03 2.824-2.216 4.066-3.64 2.606-2.99 3.728-5.373 3.99-9.648.172-2.812-.28-5.043-1.105-6.875a35.255 35.255 0 0 0-.347-16.388C68.507 7.54 48.727-3.867 29.307 1.205 18.825 3.942 10.592 10.92 6.018 19.775a6.237 6.237 0 0 1-.576-.397c-1.594-1.236-2.07-3.062-2.388-4.289-.189-.725-.323-1.24-.601-1.303-.79-.176-2.31 2.544-2.43 6.803-.044 1.587.359 5.25 2.61 8.997a35.273 35.273 0 0 0 .537 15.46c.179.685.376 1.36.591 2.024-.33 1.355-.475 2.895-.374 4.667.247 4.279 1.36 6.674 3.955 9.679 2.843 3.293 6.409 5.323 9.865 7.13.485 1.301 1.328 2.556 2.502 3.6 3.245 2.884 7.792 3.067 10.157.407a5.37 5.37 0 0 0 .961-1.547Z" clip-rule="evenodd"/><path fill="#E0E0E0" fill-rule="evenodd" d="M41.486 74.659C33.39 71.667 7.806 55.112 6.425 51.972c-1.536-3.49 3.466-9.483 6.768-9.433 3.511.056 20.086 11.81 30.01 19.763 4.664-8.04 12.255-18.441 14.733-19.096 2.802-.743 8.659 2.938 8.713 6.283.063 3.814-16.852 24.77-20.666 25.398-.89.147-1.69.227-2.4.215l-.038.006c-.216.036-.524.004-.911-.088a4.008 4.008 0 0 1-1.15-.361Z" clip-rule="evenodd"/><path fill="#424242" d="M45.124 35.114a1.012 1.012 0 0 0-.784-1.198 1.012 1.012 0 0 0-1.21.765 1.012 1.012 0 0 0 .784 1.198c.55.12 1.092-.223 1.21-.765ZM37.473 35.196a1.012 1.012 0 0 0-.783-1.198 1.012 1.012 0 0 0-1.21.765 1.012 1.012 0 0 0 .783 1.198c.55.12 1.092-.223 1.21-.765ZM34.524 42.197c.066-1.704 2.9-2.661 3.126-2.736 2.223-.722 4.298-1.172 6.252-.39 2.114.848 2.735 2.344 2.344 3.516-.097.293-.781 1.172-5.47 1.172-3.724 0-5.142.516-5.861-.39-.047-.059-.414-.54-.391-1.172Z"/></svg>
\ No newline at end of file
diff --git a/src/features/posts/components/PostCardList/PostCardList.tsx b/src/features/posts/components/PostCardList/PostCardList.tsx
index d585c7f6..a06b5208 100644
--- a/src/features/posts/components/PostCardList/PostCardList.tsx
+++ b/src/features/posts/components/PostCardList/PostCardList.tsx
@@ -1,4 +1,5 @@
 import { POST_TYPE } from '@/common/constants/post-type';
+import { NoPost } from '@/features/posts/components/NoPost';
 import { PostCard } from '@/features/posts/components/PostCard';
 import { useGetPosts } from '@/features/posts/queries';
 import { useUser } from '@/features/user/queries/useUser';
@@ -14,6 +15,10 @@ export function PostCardList({ type }: PostCardListProps) {
     type,
   });
 
+  if (type !== POST_TYPE.ALL && posts?.length === 0) {
+    return <NoPost type={type} />;
+  }
+
   return (
     <ul className={'flex w-full flex-col items-center space-y-[1.7rem]'}>
       {posts?.map((post, index) => (
diff --git a/src/pages/user/UserPage.tsx b/src/pages/user/UserPage.tsx
index facc7f7b..46d378b8 100644
--- a/src/pages/user/UserPage.tsx
+++ b/src/pages/user/UserPage.tsx
@@ -42,7 +42,7 @@ function UserPage() {
     <PageWrapper>
       <UserPageHeader />
       <Divider className={'my-[1.9rem]'} />
-      <main className={'flex min-h-0 w-full flex-col'}>
+      <main className={'flex h-full min-h-0 w-full flex-col'}>
         <Suspense fallback={'fuck'}>
           <PostTypeTabList
             selectedPostType={selectedPostType}
@@ -62,7 +62,7 @@ function UserPage() {
                 : participatedPostsRef,
             ])
           }
-          className={'hide-scrollbar overflow-y-scroll px-[2.5rem]'}
+          className={'hide-scrollbar h-full overflow-y-scroll px-[2.5rem]'}
         >
           <Suspense fallback={<PostCardListSkeleton />}>
             <PostCardList type={selectedPostType} />