설문응답완료후 홈페이지로 이동

frontend/src/surveys/AnswerSurvey.tsx

 import React, { FormEvent, useEffect, useState } from "react";
-import { useParams } from "react-router-dom";
+import { useParams, useNavigate } from "react-router-dom";
 import { answerApi, surveyApi } from "../apis";
 import { catchErrors } from "../helpers";
 import { SpinnerIcon } from "../icons";
@@ -12,6 +12,7 @@ export const AnswerSurvey = () => {
   const [survey, setSurvey] = useState<ISurvey>();
   const [answers, setAnswers] = useState<IAnswer[]>([]);
   const [error, setError] = useState("");
+  const navigate = useNavigate();
 
   useEffect(() => {
     surveyId && getSurvey(surveyId);
@@ -30,6 +31,7 @@ export const AnswerSurvey = () => {
     if (!survey) {
       return;
     }
+    if (confirm("제출하시겠습니까?")) {
       try {
         const fileAnswers = answers.filter(
           (answer) => answer.question.type === "file"
@@ -72,11 +74,15 @@ export const AnswerSurvey = () => {
         );
 
         console.log("result:", result);
+        navigate("/");
       } catch (error) {
         catchErrors(error, setError);
       } finally {
         // setLoading(false);
       }
+    } else {
+      return;
+    }
   };
 
   async function getSurvey(surveyId: string) {