diff --git a/src/components/ReceiptEdit/ReceiptEdit.tsx b/src/components/ReceiptEdit/ReceiptEdit.tsx
index 5e05cf6..eedcd2b 100644
--- a/src/components/ReceiptEdit/ReceiptEdit.tsx
+++ b/src/components/ReceiptEdit/ReceiptEdit.tsx
@@ -10,44 +10,42 @@ import { useRoute } from "@/hooks/common/useRoute";
 import { useCreateReviewStore } from "@/store/useReviewStore";
 import { useScanDataStore } from "@/store/useScanDataStore";
 
-const useKeyboardAvoidance = () => {
-  const [keyboardVisible, setKeyboardVisible] = useState(false);
-  const [keyboardHeight, setKeyboardHeight] = useState(0);
-
-  useEffect(() => {
-    const handleVisualViewportChange = () => {
-      const isKeyboardVisible = !!(
-        window.visualViewport && window.visualViewport.height < window.innerHeight
-      );
-      setKeyboardVisible(isKeyboardVisible);
-
-      if (isKeyboardVisible) {
-        setKeyboardHeight(
-          window.visualViewport ? window.innerHeight - window.visualViewport.height : 0,
-        );
-      } else {
-        setKeyboardHeight(0);
-      }
-    };
-
-    if (window.visualViewport) {
-      window.visualViewport.addEventListener("resize", handleVisualViewportChange);
-      handleVisualViewportChange();
-    }
-
-    return () => {
-      if (window.visualViewport) {
-        window.visualViewport.removeEventListener("resize", handleVisualViewportChange);
-      }
-    };
-  }, []);
-
-  return { keyboardVisible, keyboardHeight };
-};
+// const useKeyboardAvoidance = () => {
+//   const [keyboardVisible, setKeyboardVisible] = useState(false);
+//   const [keyboardHeight, setKeyboardHeight] = useState(0);
+
+//   useEffect(() => {
+//     const handleVisualViewportChange = () => {
+//       const isKeyboardVisible = !!(
+//         window.visualViewport && window.visualViewport.height < window.innerHeight
+//       );
+//       setKeyboardVisible(isKeyboardVisible);
+
+//       if (isKeyboardVisible) {
+//         setKeyboardHeight(
+//           window.visualViewport ? window.innerHeight - window.visualViewport.height : 0,
+//         );
+//       } else {
+//         setKeyboardHeight(0);
+//       }
+//     };
+
+//     if (window.visualViewport) {
+//       window.visualViewport.addEventListener("resize", handleVisualViewportChange);
+//       handleVisualViewportChange();
+//     }
+
+//     return () => {
+//       if (window.visualViewport) {
+//         window.visualViewport.removeEventListener("resize", handleVisualViewportChange);
+//       }
+//     };
+//   }, []);
+
+//   return { keyboardVisible, keyboardHeight };
+// };
 
 const ReceiptEdit = () => {
-  const { keyboardVisible, keyboardHeight } = useKeyboardAvoidance();
-
   const { navigateToHome, navigateToSelectTag } = useRoute();
 
   const { scanData, resetScanData } = useScanDataStore();
@@ -84,9 +82,9 @@ const ReceiptEdit = () => {
     setFocusState((prevState) => ({ ...prevState, [key]: false }));
   };
 
-  const handleInputChange = (key: string, value: string) => {
+  const handleInputChange = (index: number, value: string) => {
     setFormData((prevData) =>
-      prevData.map((item) => (item.key === key ? { ...item, value } : item)),
+      prevData.map((item, idx) => (idx === index ? { ...item, value } : item)),
     );
   };
 
@@ -129,39 +127,39 @@ const ReceiptEdit = () => {
         <div className={styles.InfoList}>
           {formData.map((data, index) => (
             <div key={index} className={styles.InfoItem}>
-              <div className={styles.InfoItem}>
-                <Text variant="bodyXsm" color="secondary">
-                  {data.key}
-                </Text>
-                <Input
-                  placeholder={`${data.key} 입력`}
-                  value={data.value}
-                  onFocus={() => handleFocus(data.key)}
-                  onBlur={() => handleBlur(data.key)}
-                  isFocus={focusState[data.key] || false}
-                  onChange={(e) => handleInputChange(data.key, e.target.value)}
-                />
-              </div>
+              <Text variant="bodyXsm" color="secondary">
+                {data.key}
+              </Text>
+              <Input
+                placeholder={`${data.key} 입력`}
+                value={data.value}
+                onFocus={() => handleFocus(index.toString())}
+                onBlur={() => handleBlur(index.toString())}
+                isFocus={focusState[index.toString()] || false}
+                onChange={(e) => handleInputChange(index, e.target.value)}
+              />
             </div>
           ))}
         </div>
       </div>
 
-      <div
-        className={styles.Bottom}
-        style={{
-          marginBottom: keyboardVisible ? `${keyboardHeight}px` : "0",
-        }}
-      >
+      <div className={styles.Bottom}>
         {Object.values(focusState).some((isFocus) => isFocus) ? (
           <Button
+            key="edit"
             text="수정하기"
             disabled={formData.some((item) => Object.values(item).some((value) => !value))}
           />
         ) : (
           <>
-            <Button text="다시 스캔하기" variant="secondary" onClick={handleReScanClick} />
             <Button
+              key="scan"
+              text="다시 스캔하기"
+              variant="secondary"
+              onClick={handleReScanClick}
+            />
+            <Button
+              key="confirm"
               text="정보가 맞아요"
               disabled={formData.some((item) => Object.values(item).some((value) => !value))}
               onClick={handleInfoRightClick}
diff --git a/src/components/RecognitionFail/RecognitionFail.tsx b/src/components/RecognitionFail/RecognitionFail.tsx
index ca9d5cb..5450b5d 100644
--- a/src/components/RecognitionFail/RecognitionFail.tsx
+++ b/src/components/RecognitionFail/RecognitionFail.tsx
@@ -9,7 +9,7 @@ import { useRoute } from "@/hooks/common/useRoute";
 const RecognitionFail = () => {
   const { send } = useAppBridge();
 
-  const { navigateToReceiptEdit } = useRoute();
+  const { navgateToReceiptInput } = useRoute();
 
   return (
     <div className={styles.RecognitionFail}>
@@ -25,7 +25,7 @@ const RecognitionFail = () => {
         <img src="/assets/img/img-recognition-fail.png" alt="recognitionFailImg" />
       </div>
       <div className={styles.Bottom}>
-        <Button text="직접 입력하기" variant="secondary" onClick={navigateToReceiptEdit} />
+        <Button text="직접 입력하기" variant="secondary" onClick={navgateToReceiptInput} />
         <Button
           text="다시 촬영하기"
           variant="secondary"
diff --git a/src/components/SelectTag/SelectTag.tsx b/src/components/SelectTag/SelectTag.tsx
index 2837a6e..a836bfe 100644
--- a/src/components/SelectTag/SelectTag.tsx
+++ b/src/components/SelectTag/SelectTag.tsx
@@ -1,4 +1,4 @@
-import { useState } from "react";
+import { useEffect, useState } from "react";
 
 import styles from "@/components/SelectTag/SelectTag.module.scss";
 import TagSheet from "@/components/SelectTag/TagSheet/TagSheet";
@@ -13,40 +13,28 @@ import { useCreateReviewStore } from "@/store/useReviewStore";
 const SelectTag = () => {
   const { navigateToSelectStyle } = useRoute();
 
-  const { setHashTag } = useCreateReviewStore();
+  const { createReviewData, setHashTag, setTagList } = useCreateReviewStore();
+
+  const { tagList, hashTag } = createReviewData;
 
-  const [selectedTagList, setSelectedTagList] = useState<string[]>([]);
   const [isBottomSheetOpen, setIsBottomSheetOpen] = useState(false);
-  const [tagList, setTagList] = useState<string[]>([
-    "음식이 맛있어요",
-    "양이 많아요",
-    "가성비가 좋아요",
-    "메뉴 구성이 알차요",
-    "매장이 넓어요",
-    "단체모임 하기 좋아요",
-    "뷰가 좋아요",
-    "아늑해요",
-    "분위기가 좋아요",
-    "친절해요",
-    "매장이 청결해요",
-  ]);
-
-  const handleTagClick = (e: React.MouseEvent<HTMLDivElement, MouseEvent>) => {
-    const tag = e.currentTarget.textContent || "";
-
-    setSelectedTagList((prevSelectedTags) =>
-      prevSelectedTags.includes(tag)
-        ? prevSelectedTags.filter((selectedTag) => selectedTag !== tag)
-        : [...prevSelectedTags, tag],
-    );
+
+  useEffect(() => {
+    setHashTag(hashTag);
+  }, [hashTag, setHashTag]);
+
+  const handleTagClick = (tag: string) => {
+    const newSelectedTags = hashTag.includes(tag)
+      ? hashTag.filter((selectedTag) => selectedTag !== tag)
+      : [...hashTag, tag];
+
+    setHashTag(newSelectedTags);
   };
 
   const handleTagAdd = (newTag: string) => {
     setIsBottomSheetOpen(false);
-    if (!tagList.includes(newTag)) {
-      setTagList((prevTagList: string[]) => [...prevTagList, newTag]);
-      setSelectedTagList((prevSelectedTags) => [...prevSelectedTags, newTag]);
-    }
+    setTagList([...tagList, newTag]);
+    setHashTag([...hashTag, newTag]);
   };
 
   const handleSheetClose = () => {
@@ -54,7 +42,6 @@ const SelectTag = () => {
   };
 
   const handleNextClick = () => {
-    setHashTag(selectedTagList);
     navigateToSelectStyle();
   };
 
@@ -74,8 +61,8 @@ const SelectTag = () => {
             <Tag
               text={tag}
               key={tag}
-              onClick={handleTagClick}
-              isSelect={selectedTagList.includes(tag)}
+              onClick={() => handleTagClick(tag)}
+              isSelect={hashTag.includes(tag)}
             />
           ))}
           <Tag variant="add" onClick={() => setIsBottomSheetOpen(true)} />
diff --git a/src/constants/path.ts b/src/constants/path.ts
index 56770b2..ff89d31 100644
--- a/src/constants/path.ts
+++ b/src/constants/path.ts
@@ -2,6 +2,7 @@ export const PATH = {
   HOME: "/",
   RECOGNITION_FAIL: "/recognition-fail",
   RECEIPT_EDIT: "/receipt-edit",
+  RECEIPT_INPUT: "/receipt-input",
   SELECT_TAG: "/select-tag",
   SELECT_STYLE: "/select-style",
   REVIEW_RESULT: "/review-result",
diff --git a/src/hooks/common/useRoute.ts b/src/hooks/common/useRoute.ts
index 82a6fbf..f29aa34 100644
--- a/src/hooks/common/useRoute.ts
+++ b/src/hooks/common/useRoute.ts
@@ -9,6 +9,7 @@ export const useRoute = () => {
     navigateToHome: () => navigate(PATH.HOME),
     navigateToBack: () => navigate(-1),
     navigateToReceiptEdit: () => navigate(PATH.RECEIPT_EDIT),
+    navgateToReceiptInput: () => navigate(PATH.RECEIPT_INPUT),
     navigateToRecognitionFail: () => navigate(PATH.RECOGNITION_FAIL),
     navigateToSelectStyle: () => navigate(PATH.SELECT_STYLE),
     navigateToSelectTag: () => navigate(PATH.SELECT_TAG),
diff --git a/src/pages/ReceiptInputPage/ReceiptInputPage.module.scss b/src/pages/ReceiptInputPage/ReceiptInputPage.module.scss
new file mode 100644
index 0000000..80e3d38
--- /dev/null
+++ b/src/pages/ReceiptInputPage/ReceiptInputPage.module.scss
@@ -0,0 +1,49 @@
+.ReceiptInput {
+  padding-left: 1.25rem;
+  padding-right: 1.25rem;
+  padding-bottom: 2.5rem;
+  height: calc(100vh - 2.75rem);
+  overflow: hidden;
+  overflow-y: auto;
+  position: relative;
+  display: flex;
+  flex-direction: column;
+  justify-content: space-between;
+  background: var(--color-bg-gradient);
+
+  &::before {
+    content: "";
+    background: url("/src/assets/svg/img-graphic-main.svg") center no-repeat;
+    background-size: 100% 16.375rem;
+    filter: blur(4.625rem);
+    position: absolute;
+    top: 0;
+    left: 0;
+    right: 0;
+    bottom: 0;
+    z-index: 0;
+  }
+}
+
+.Top {
+  z-index: 1;
+  margin-top: 2.5rem;
+}
+
+.InfoList {
+  display: flex;
+  flex-direction: column;
+  gap: 0.875rem;
+  margin-top: 1.5rem;
+}
+
+.InfoItem {
+  display: flex;
+  flex-direction: column;
+  gap: 0.5rem;
+}
+
+.Bottom {
+  z-index: 1;
+  margin-top: 2.5rem;
+}
diff --git a/src/pages/ReceiptInputPage/ReceiptInputPage.tsx b/src/pages/ReceiptInputPage/ReceiptInputPage.tsx
new file mode 100644
index 0000000..b14cd1d
--- /dev/null
+++ b/src/pages/ReceiptInputPage/ReceiptInputPage.tsx
@@ -0,0 +1,128 @@
+import { useState, useEffect } from "react";
+
+import Navbar from "@/components/common/Navbar/Navbar";
+import Button from "@/components/ui/Button/Button";
+import Icon from "@/components/ui/Icon/Icon";
+import Input from "@/components/ui/Input/Input";
+import Text from "@/components/ui/Text/Text";
+
+import { useRoute } from "@/hooks/common/useRoute";
+
+import styles from "@/pages/ReceiptInputPage/ReceiptInputPage.module.scss";
+
+import { useCreateReviewStore } from "@/store/useReviewStore";
+import { useScanDataStore } from "@/store/useScanDataStore";
+
+const ReceiptInputPage = () => {
+  const { navigateToHome, navigateToSelectTag } = useRoute();
+
+  const { resetScanData } = useScanDataStore();
+
+  const { setOcrText } = useCreateReviewStore();
+
+  const [formData, setFormData] = useState([
+    { key: "place", value: "" },
+    { key: "menu", value: "" },
+  ]);
+  const [focusState, setFocusState] = useState<{ [key: string]: boolean }>({});
+
+  useEffect(() => {
+    const initialFocusState = formData.reduce(
+      (acc, item) => ({ ...acc, [item.key]: false }),
+      {} as { [key: string]: boolean },
+    );
+    setFocusState(initialFocusState);
+  }, []);
+
+  const handleFocus = (key: string) => {
+    setFocusState((prevState) => ({ ...prevState, [key]: true }));
+  };
+
+  const handleBlur = (key: string) => {
+    setFocusState((prevState) => ({ ...prevState, [key]: false }));
+  };
+
+  const handleInputChange = (key: string, value: string) => {
+    setFormData((prevData) =>
+      prevData.map((item) => (item.key === key ? { ...item, value } : item)),
+    );
+  };
+
+  const handleInfoRightClick = () => {
+    const formattedText =
+      formData &&
+      formData
+        .map((item) =>
+          Object.entries(item)
+            .map(([key, value]) => `${key} ${value}`)
+            .join(", "),
+        )
+        .join(" ");
+
+    setOcrText(formattedText);
+
+    navigateToSelectTag();
+  };
+
+  const handleHomeClick = () => {
+    resetScanData();
+    navigateToHome();
+  };
+
+  return (
+    <>
+      <Navbar>
+        <Navbar.LeftButton onClick={handleHomeClick}>
+          <Icon name="leftArrow" />
+        </Navbar.LeftButton>
+      </Navbar>
+
+      <div className={styles.ReceiptInput}>
+        <div className={styles.Top}>
+          <Text variant="titleM" color="primary" align="center" as="h1">
+            {formData.find((item) => item.key === "place")?.value
+              ? `${formData.find((item) => item.key === "place")?.value}에`
+              : "영수증 정보를"}
+          </Text>
+          <Text variant="titleM" color="primary" as="h1" align="center">
+            {formData.find((item) => item.key === "place")?.value
+              ? "다녀오셨네요!"
+              : "입력해주세요!"}
+          </Text>
+
+          <div className={styles.InfoList}>
+            {formData.map(({ key, value }) => (
+              <div className={styles.InfoItem} key={key}>
+                <Text variant="bodyXsm" color="secondary">
+                  {key === "place" ? "가게명" : "메뉴명"}
+                </Text>
+                <Input
+                  placeholder={key === "place" ? "가게명을 입력해주세요" : "메뉴명을 입력해주세요"}
+                  value={value}
+                  onFocus={() => handleFocus(key)}
+                  onBlur={() => handleBlur(key)}
+                  onChange={(e) => handleInputChange(key, e.target.value)}
+                />
+              </div>
+            ))}
+          </div>
+        </div>
+
+        <div className={styles.Bottom}>
+          {Object.values(focusState).some((isFocus) => isFocus) ? (
+            <Button key="edit" text="수정하기" />
+          ) : (
+            <Button
+              key="confirm"
+              text="다음"
+              disabled={formData.some((item) => Object.values(item).some((value) => !value))}
+              onClick={handleInfoRightClick}
+            />
+          )}
+        </div>
+      </div>
+    </>
+  );
+};
+
+export default ReceiptInputPage;
diff --git a/src/pages/ReviewResultPage/ReviewResultPage.tsx b/src/pages/ReviewResultPage/ReviewResultPage.tsx
index 61c8154..8070280 100644
--- a/src/pages/ReviewResultPage/ReviewResultPage.tsx
+++ b/src/pages/ReviewResultPage/ReviewResultPage.tsx
@@ -43,6 +43,8 @@ export default function ReviewResultPage() {
   };
 
   useEffect(() => {
+    if (!generateReviewData) return;
+
     if (generateReviewData === "error") {
       navigateToCreateReviewFail();
     } else {
diff --git a/src/router/AppRouter.tsx b/src/router/AppRouter.tsx
index 25dca7c..485921a 100644
--- a/src/router/AppRouter.tsx
+++ b/src/router/AppRouter.tsx
@@ -8,6 +8,7 @@ import CreateReviewFailPage from "@/pages/CreateReviewFailPage/CreateReviewFailP
 import HomePage from "@/pages/HomePage";
 import LoadingPage from "@/pages/LoadingPage/LoadingPage";
 import ReceiptEditPage from "@/pages/ReceiptEditPage";
+import ReceiptInputPage from "@/pages/ReceiptInputPage/ReceiptInputPage";
 import RecognitionFailPage from "@/pages/RecognitionFailPage";
 import ReviewResultPage from "@/pages/ReviewResultPage/ReviewResultPage";
 import SelectStylePage from "@/pages/SelectStylePage";
@@ -31,6 +32,10 @@ const AppRouter = () => {
           path: PATH.RECEIPT_EDIT,
           element: <ReceiptEditPage />,
         },
+        {
+          path: PATH.RECEIPT_INPUT,
+          element: <ReceiptInputPage />,
+        },
         {
           path: PATH.SELECT_TAG,
           element: <SelectTagPage />,
diff --git a/src/store/useReviewStore.ts b/src/store/useReviewStore.ts
index 85506ce..70b2067 100644
--- a/src/store/useReviewStore.ts
+++ b/src/store/useReviewStore.ts
@@ -4,6 +4,7 @@ interface CreateReviewData {
   ocrText: string;
   hashTag: string[];
   reviewStyle: string;
+  tagList: string[];
 }
 
 interface CreateReviewDataStore {
@@ -11,6 +12,7 @@ interface CreateReviewDataStore {
   setOcrText: (ocrText: string) => void;
   setHashTag: (hashTag: string[]) => void;
   setReviewStyle: (reviewStyle: string) => void;
+  setTagList: (tagList: string[]) => void;
   resetCreateReviewData: () => void;
 }
 
@@ -18,6 +20,20 @@ export const CREATE_REVIEW_DATA = {
   ocrText: "",
   hashTag: [],
   reviewStyle: "FRIENDLY",
+  tagList: [
+    // 초기 태그 리스트
+    "음식이 맛있어요",
+    "양이 많아요",
+    "가성비가 좋아요",
+    "메뉴 구성이 알차요",
+    "매장이 넓어요",
+    "단체모임 하기 좋아요",
+    "뷰가 좋아요",
+    "아늑해요",
+    "분위기가 좋아요",
+    "친절해요",
+    "매장이 청결해요",
+  ],
 };
 
 export const useCreateReviewStore = create<CreateReviewDataStore>((set) => ({
@@ -34,5 +50,9 @@ export const useCreateReviewStore = create<CreateReviewDataStore>((set) => ({
     set((state) => ({
       createReviewData: { ...state.createReviewData, reviewStyle },
     })),
+  setTagList: (tagList: string[]) =>
+    set((state) => ({
+      createReviewData: { ...state.createReviewData, tagList },
+    })),
   resetCreateReviewData: () => set({ createReviewData: { ...CREATE_REVIEW_DATA } }),
 }));