footer 넣어봄

frontend/src/App.tsx

 import React from "react";
 import { Outlet } from "react-router-dom";
 import { AuthProvider } from "./auth/auth.context";
-import { Header } from "./commons";
+import { Footer, Header } from "./commons";
 
 const App = () => (
   <AuthProvider>
     <Header />
-    <Outlet />
+    <div style={{ minHeight: "80vh" }}>
+      <Outlet />
+    </div>
+    <Footer />
   </AuthProvider>
 );
 

frontend/src/answers/AnswerSurveyForm.tsx

@@ -89,7 +89,7 @@ export const AnswerSurveyForm = () => {
         const newAnswer: AnswerType = await answerApi.saveAnswers(formData);
         console.log(newAnswer);
         sessionStorage.setItem(`survey_${surveyId}`, surveyId ?? "");
-        navigate("/survey/complete");
+        navigate("/survey/complete", { replace: false });
 
         setSuccess(true);
         setError("");

frontend/src/auth/Login.tsx

@@ -36,7 +36,7 @@ export const Login = () => {
   }
 
   return (
-    <div className="flex flex-col items-center mt-5">
+    <div className="flex flex-col items-center">
       <div className="text-2xl mt-20">로그인</div>
       <form onSubmit={handleSubmit} className="flex flex-col mt-3 w-80">
         <label className="block text-gray-700 text-sm font-bold mb-2 mt-3">

frontend/src/auth/SignUp.tsx

@@ -68,7 +68,7 @@ export const SignUp = () => {
 
   return (
     <div className="flex flex-col items-center">
-      <div className="text-2xl mt-14">회원가입</div>
+      <div className="text-2xl mt-10">회원가입</div>
       <form onSubmit={handleSubmit} className="flex flex-col mt-3 w-80">
         <label className="block text-gray-700 text-sm font-bold mb-2 mt-3">
           이름

frontend/src/commons/Footer.tsx

+import React from "react";
+export const Footer = () => {
+  return (
+    <div className="flex justify-center mt-5 py-1 bg-gray-100">
+      <p className="text-gray-500">
+        Copyright © 2022 Simple Survey Form. All rights reserved.
+      </p>
+    </div>
+  );
+};

frontend/src/commons/index.tsx

 export { Header } from "./Header";
+export { Footer } from "./Footer";
 export { QUESTION_TYPES } from "./constants";