From 4609bfd0be99bab4c05bbbdc3561c2fc32f669f9 Mon Sep 17 00:00:00 2001
From: eunxoo <dmstn7989@naver.com>
Date: Wed, 14 Feb 2024 21:23:58 +0900
Subject: [PATCH] =?UTF-8?q?[FIX]=20=EC=82=AD=EC=A0=9C,=20=EC=B6=94?=
 =?UTF-8?q?=EA=B0=80=20=EB=8A=90=EB=A6=B0=20=EA=B1=B0=20=EC=88=98=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 public/index.html                           |  2 +-
 src/pages/recruit/DocumentItemsEditPage.jsx |  8 +++---
 src/pages/recruit/DocumentItemsPage.jsx     | 29 ++++++++++++---------
 3 files changed, 21 insertions(+), 18 deletions(-)

diff --git a/public/index.html b/public/index.html
index aa069f2..1e072fd 100644
--- a/public/index.html
+++ b/public/index.html
@@ -14,7 +14,7 @@
       manifest.json provides metadata used when your web app is installed on a
       user's mobile device or desktop. See https://developers.google.com/web/fundamentals/web-app-manifest/
     -->
-    <link rel="manifest" href="%PUBLIC_URL%/manifest.json" />
+    <link rel="/manifest" href="%PUBLIC_URL%/manifest.json" />
     <!--
       Notice the use of %PUBLIC_URL% in the tags above.
       It will be replaced with the URL of the `public` folder during the build.
diff --git a/src/pages/recruit/DocumentItemsEditPage.jsx b/src/pages/recruit/DocumentItemsEditPage.jsx
index f8f9912..09c2e0c 100644
--- a/src/pages/recruit/DocumentItemsEditPage.jsx
+++ b/src/pages/recruit/DocumentItemsEditPage.jsx
@@ -111,7 +111,7 @@ const DocumentItemsEditPage = () => {
             <S.Title>공통 문항</S.Title>
           </S.RowDiv>
           <QuestionContainer>
-            {questions[0].map((question, index) => (
+            {questions[0]?.map((question, index) => (
               <QuestionInput
                 key={index}
                 placeholder="문항 질문을 작성해주세요 ..."
@@ -126,7 +126,7 @@ const DocumentItemsEditPage = () => {
             <S.Title>기획 · 디자인 트랙 문항</S.Title>
           </S.RowDiv>
           <QuestionContainer>
-            {questions[1].map((question, index) => (
+            {questions[1]?.map((question, index) => (
               <QuestionInput
                 key={index}
                 placeholder="문항 질문을 작성해주세요 ..."
@@ -141,7 +141,7 @@ const DocumentItemsEditPage = () => {
             <S.Title>프론트엔드 트랙 문항</S.Title>
           </S.RowDiv>
           <QuestionContainer>
-            {questions[2].map((question, index) => (
+            {questions[2]?.map((question, index) => (
               <QuestionInput
                 key={index}
                 placeholder="문항 질문을 작성해주세요 ..."
@@ -156,7 +156,7 @@ const DocumentItemsEditPage = () => {
             <S.Title>백엔드 트랙 문항</S.Title>
           </S.RowDiv>
           <QuestionContainer>
-            {questions[3].map((question, index) => (
+            {questions[3]?.map((question, index) => (
               <QuestionInput
                 key={index}
                 placeholder="문항 질문을 작성해주세요 ..."
diff --git a/src/pages/recruit/DocumentItemsPage.jsx b/src/pages/recruit/DocumentItemsPage.jsx
index db8b4c9..e77f784 100644
--- a/src/pages/recruit/DocumentItemsPage.jsx
+++ b/src/pages/recruit/DocumentItemsPage.jsx
@@ -127,19 +127,21 @@ const DocumentItemsPage = () => {
     fe: "",
     be: "",
   });
+  const [updateFlag, setUpdateFlag] = useState(false);
 
-  useEffect(() => {
-    const fetchQuestions = async () => {
-      try {
-        const data = await apiModule.fetchQuestions();
-        setQuestions(data);
-      } catch (err) {
-        console.error("error:", err);
-      }
-    };
+  const fetchDataAndUpdateQuestions = async () => {
+    try {
+      const data = await apiModule.fetchQuestions();
+      setUpdateFlag(false);
+      setQuestions(data);
+    } catch (err) {
+      console.error("error:", err);
+    }
+  };
 
-    fetchQuestions();
-  }, []);
+  useEffect(() => {
+    fetchDataAndUpdateQuestions();
+  }, [updateFlag]);
 
   const handleChange = (event, track) => {
     setInputContents({
@@ -152,7 +154,6 @@ const DocumentItemsPage = () => {
     if (window.confirm("작성한 문항을 추가하시겠습니까?")) {
       handleSubmit(track, idx);
       alert("문항이 추가되었습니다.");
-      window.location.reload();
     }
   };
 
@@ -165,6 +166,8 @@ const DocumentItemsPage = () => {
         content: inputContents[track],
         maxLength: 600,
       });
+      setUpdateFlag(true);
+      setInputContents({ ...inputContents, [track]: "" });
     } catch (error) {
       console.error("error", error);
     }
@@ -174,13 +177,13 @@ const DocumentItemsPage = () => {
     if (window.confirm("문항을 삭제하시겠습니까?")) {
       handleDelete(id);
       alert("문항이 삭제되었습니다.");
-      window.location.reload();
     }
   };
 
   const handleDelete = async (id) => {
     try {
       await apiModule.deleteQuestion(id);
+      setUpdateFlag(true);
     } catch (error) {
       console.error("error", error);
     }