diff --git a/src/components/bottomBar/BottomBar.tsx b/src/components/bottomBar/BottomBar.tsx
index a126cc68..7a60172c 100644
--- a/src/components/bottomBar/BottomBar.tsx
+++ b/src/components/bottomBar/BottomBar.tsx
@@ -54,14 +54,18 @@ const BottomBar = () => {
   };
 
   return (
-    <footer css={BottomBarCss(theme)}>
-      {TAB_ITEMS.map((item) => (
-        <Link key={item.path} href={item.path} css={[IconBoxCss(theme), getIsSelected(item.path) && selectedCss]}>
-          <item.icon color={getIconColor(item.path)} />
-          <span>{item.text}</span>
-        </Link>
-      ))}
-    </footer>
+    <>
+      <footer css={BottomBarCss(theme)}>
+        {TAB_ITEMS.map((item) => (
+          <Link key={item.path} href={item.path} css={[IconBoxCss(theme), getIsSelected(item.path) && selectedCss]}>
+            <item.icon color={getIconColor(item.path)} />
+            <span>{item.text}</span>
+          </Link>
+        ))}
+      </footer>
+      {/* NOTE: height remainer */}
+      <div style={{ height: 73 }}></div>
+    </>
   );
 };
 
@@ -69,6 +73,7 @@ export default BottomBar;
 
 const BottomBarCss = (theme: Theme) => css`
   position: fixed;
+  z-index: ${theme.zIndex.fixed};
   bottom: 0;
   left: 0;
 
diff --git a/src/features/gallery/PublishMyCard/InducePublishCard.tsx b/src/features/gallery/PublishMyCard/InducePublishCard.tsx
index 3581b840..fcc33867 100644
--- a/src/features/gallery/PublishMyCard/InducePublishCard.tsx
+++ b/src/features/gallery/PublishMyCard/InducePublishCard.tsx
@@ -69,12 +69,3 @@ const imageCss = css`
   top: 49px;
   right: 24px;
 `;
-
-const closeButtonCss = css`
-  position: absolute;
-  top: 0;
-  right: 0;
-
-  width: fit-content;
-  padding: 10px;
-`;
diff --git a/src/features/home/KakaoLogin.test.tsx b/src/features/home/KakaoLogin.test.tsx
index c6be50f5..d69491e5 100644
--- a/src/features/home/KakaoLogin.test.tsx
+++ b/src/features/home/KakaoLogin.test.tsx
@@ -31,7 +31,7 @@ describe('components/kakaoLoginButton/KakaoLoginButton', () => {
     render(<KakaoLoginButton />);
     const loginButton = screen.getByRole('button');
     fireEvent.click(loginButton);
-    expect(signIn).toHaveBeenCalledWith('kakao');
+    expect(signIn).toBeCalled();
   });
 
   // TODO: 추후 로그아웃 기능 구현이 필요하다면 주석 살리기
diff --git a/src/pages/result/SurveyIdLoaded.tsx b/src/pages/result/SurveyIdLoaded.tsx
index 705e58ee..7986bb3d 100644
--- a/src/pages/result/SurveyIdLoaded.tsx
+++ b/src/pages/result/SurveyIdLoaded.tsx
@@ -322,7 +322,6 @@ const pillContainer = css`
   display: flex;
   flex-wrap: wrap;
   gap: 11px 10px;
-
   white-space: pre-wrap;
 `;
 
@@ -461,7 +460,7 @@ const bubbleVariants: Variants = {
 const topIconCss = css`
   position: fixed;
   right: 13px;
-  bottom: 60px;
+  bottom: 68px;
 `;
 
 const getTendencyCount = (
diff --git a/src/pages/result/WhenEmptyFeedback.tsx b/src/pages/result/WhenEmptyFeedback.tsx
new file mode 100644
index 00000000..e2f7f04d
--- /dev/null
+++ b/src/pages/result/WhenEmptyFeedback.tsx
@@ -0,0 +1,69 @@
+import { type FC } from 'react';
+import Image from 'next/image';
+import { css, type Theme } from '@emotion/react';
+
+import BottomBar from '~/components/bottomBar/BottomBar';
+import Button from '~/components/button/Button';
+import CopyLink from '~/components/copyLink/CopyLink';
+import MobileHeader from '~/components/header/MobileHeader';
+import LinkIcon from '~/components/icons/LinkIcon';
+import Toast from '~/components/toast/Toast';
+import useToast from '~/components/toast/useToast';
+import { HEAD_2_BOLD } from '~/styles/typo';
+
+interface Props {
+  surveyId: string;
+}
+
+const WhenEmptyFeeback: FC<Props> = ({ surveyId }) => {
+  const { fireToast } = useToast();
+
+  const onCopyLink = () => {
+    fireToast({
+      content: (
+        <>
+          <LinkIcon />
+          <Toast.Text>나의 질문 폼 링크가 복사되었어요</Toast.Text>
+        </>
+      ),
+      higherThanCTA: true,
+    });
+  };
+
+  return (
+    <>
+      <main css={mainCss}>
+        <MobileHeader title="연구 결과" hasMenu={false} />
+        <Image css={imageCss} alt="빈 폴더" src="/images/result/empty.webp" width={212} height={162} />
+        <span css={spanCss}>아직 도착한 피드백이 없어요</span>
+
+        <CopyLink copyText={`/review/${surveyId}`} onCopy={onCopyLink}>
+          <Button color="blue">질문 폼 공유하기</Button>
+        </CopyLink>
+      </main>
+      <BottomBar />
+    </>
+  );
+};
+
+export default WhenEmptyFeeback;
+
+const mainCss = css`
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+
+  width: 100%;
+  height: 100dvh;
+`;
+
+const imageCss = css`
+  margin-bottom: 30px;
+`;
+
+const spanCss = (theme: Theme) => css`
+  ${HEAD_2_BOLD};
+  margin-bottom: 32px;
+  color: ${theme.colors.gray_400};
+`;
diff --git a/src/pages/result/base.page.tsx b/src/pages/result/base.page.tsx
deleted file mode 100644
index 03dd69a2..00000000
--- a/src/pages/result/base.page.tsx
+++ /dev/null
@@ -1,74 +0,0 @@
-import { type FC, useEffect } from 'react';
-import Image from 'next/image';
-import { useRouter } from 'next/router';
-import { css, type Theme } from '@emotion/react';
-
-import BottomBar from '~/components/bottomBar/BottomBar';
-import Button from '~/components/button/Button';
-import MobileHeader from '~/components/header/MobileHeader';
-import FixedSpinner from '~/components/loading/FixedSpinner';
-import LoadingHandler from '~/components/loading/LoadingHandler';
-import useGetFeedbackSummaryBySurveyId from '~/hooks/api/feedbacks/useGetFeedbackSummaryBySurveyId';
-import useGetSurveyIdByUserStatus from '~/hooks/api/surveys/useGetSurveyIdByUserStatus';
-import { HEAD_2_BOLD } from '~/styles/typo';
-
-const ResultBasePage: FC = () => {
-  const { data, isLoading } = useGetSurveyIdByUserStatus();
-
-  return (
-    <LoadingHandler isLoading={isLoading} fallback={<FixedSpinner />}>
-      {data && <WhenSurveyIdLoaded surveyId={data.survey_id} />}
-    </LoadingHandler>
-  );
-};
-
-export default ResultBasePage;
-
-interface WhenSurveyIdLoadedProps {
-  surveyId: string;
-}
-
-const WhenSurveyIdLoaded: FC<WhenSurveyIdLoadedProps> = ({ surveyId }) => {
-  const router = useRouter();
-  const { data } = useGetFeedbackSummaryBySurveyId(surveyId);
-
-  useEffect(
-    function replaceWhenHasFeedback() {
-      if (!data) return;
-      if (data.all_feedback_count > 0) router.replace('/result');
-    },
-    [data, router],
-  );
-
-  return (
-    <>
-      <main css={mainCss}>
-        <MobileHeader title="연구 결과" hasMenu={false} />
-        <Image css={imageCss} alt="빈 폴더" src="/images/result/empty.webp" width={212} height={162} />
-        <span css={spanCss}>아직 도착한 피드백이 없어요</span>
-        <Button color="blue">질문 폼 공유하기</Button>
-      </main>
-      <BottomBar />
-    </>
-  );
-};
-
-const mainCss = css`
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  justify-content: center;
-
-  width: 100%;
-  height: 100dvh;
-`;
-
-const imageCss = css`
-  margin-bottom: 30px;
-`;
-
-const spanCss = (theme: Theme) => css`
-  ${HEAD_2_BOLD};
-  margin-bottom: 32px;
-  color: ${theme.colors.gray_400};
-`;
diff --git a/src/pages/result/index.page.tsx b/src/pages/result/index.page.tsx
index 7b8e70c0..85ae9e5e 100644
--- a/src/pages/result/index.page.tsx
+++ b/src/pages/result/index.page.tsx
@@ -1,27 +1,21 @@
-import { type ReactElement } from 'react';
+import { type FC, type ReactElement } from 'react';
 import { useSession } from 'next-auth/react';
 
+import BottomBar from '~/components/bottomBar/BottomBar';
 import LayoutPaddingTo23 from '~/components/layout/LayoutPaddingTo23';
 import FixedSpinner from '~/components/loading/FixedSpinner';
 import LoadingHandler from '~/components/loading/LoadingHandler';
 import SEO from '~/components/SEO/SEO';
 import useToast from '~/components/toast/useToast';
+import useGetFeedbackSummaryBySurveyId from '~/hooks/api/feedbacks/useGetFeedbackSummaryBySurveyId';
 import useGetSurveyIdByUserStatus from '~/hooks/api/surveys/useGetSurveyIdByUserStatus';
 import useDidUpdate from '~/hooks/lifeCycle/useDidUpdate';
 import useInternalRouter from '~/hooks/router/useInternalRouter';
 
 import SurveyIdLoaded from './SurveyIdLoaded';
+import WhenEmptyFeedback from './WhenEmptyFeedback';
 
 const Result = () => {
-  // NOTE: 아래 3개의 훅은 필요한 곳 찾아 사용 필요
-  // const { data } = useGetFeedbackById(1);
-  // const { data: ass } = useGetAllFeedbacksBySurveyId('123');
-  // const { data } = useGetAllReviewersBySurveyId('123');
-
-  // NOTE: 현재 쌓인 데이터가 없어서, 개발할 시 mock에 요청 보내면서 해당 데이터 사용 X
-  // <LoadingHandler isLoading={false} fallback={<FixedSpinner />}>
-  // {data && <SurveyIdLoaded surveyId={'123'} />}
-  // 위처럼 변경해서 개발 필요
   const { isLoading, data } = useCheckSurveyId();
 
   return (
@@ -29,9 +23,10 @@ const Result = () => {
       <SEO />
 
       <LoadingHandler isLoading={isLoading} fallback={<FixedSpinner />}>
-        {/* TODO: useCheckSurveyId 의 데이터 넣기 필요 */}
-        {data && <SurveyIdLoaded surveyId={data.survey_id} />}
+        {data && <FeedbackCountHandler surveyId={data.survey_id} />}
       </LoadingHandler>
+
+      <BottomBar />
     </>
   );
 };
@@ -62,3 +57,19 @@ const useCheckSurveyId = () => {
 
   return { isLoading, data };
 };
+
+interface FeedbackCountHandlerProps {
+  surveyId: string;
+}
+
+const FeedbackCountHandler: FC<FeedbackCountHandlerProps> = ({ surveyId }) => {
+  const { data, isLoading } = useGetFeedbackSummaryBySurveyId(surveyId);
+
+  const isFeedbackEmpty = data && data.all_feedback_count === 0;
+
+  return (
+    <LoadingHandler isLoading={isLoading} fallback={<FixedSpinner />}>
+      {isFeedbackEmpty ? <WhenEmptyFeedback surveyId={surveyId} /> : <SurveyIdLoaded surveyId={surveyId} />}
+    </LoadingHandler>
+  );
+};