세부변경사항 수정

frontend/src/CreateSurveyForm/CreateSurveyFormPage.tsx

@@ -37,6 +37,7 @@ export const CreateSurveyForm = () => (
         cols={60}
       ></textarea>
     </div>
+
     <Question />
 
     <div className="flex w-4/5 content-center justify-center border-2 border-black h-8 mt-3">

frontend/src/CreateSurveyForm/Q_Assay.tsx

@@ -10,13 +10,13 @@ export const Q_Assay = ({ element, questionList }: Props) => {
   console.log(questionList);
   return (
     <div className="flex flex-col container w-4/5 h-auto border-2 border-themeColor items-center m-3 py-2">
-      <div className="flex flexgi-row h-16 w-full place-content-between items-center">
-        <p className="text-xl font-bold w-1/2 ml-6">
+      <div className="flex h-16 w-full place-content-between items-center">
+        <p className="text-xl font-bold ml-6 border-b-2">
           <input type="text" placeholder={element.title}></input>
         </p>
         <select
           id="Questions"
-          className="w-36 bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg focus:ring-themeColor focus:themeColor block w-full mr-3 p-2.5"
+          className="w-36 bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg focus:ring-themeColor w-full mr-3 p-2.5"
         >
           <option>질문종류</option>
           <option value="Essay" selected>
@@ -30,7 +30,7 @@ export const Q_Assay = ({ element, questionList }: Props) => {
           <option value="Date">날짜</option>
         </select>
       </div>
-      <div className="flex ">
+      <div className="flex w-full">
         <textarea
           className="border"
           rows={1}
@@ -39,10 +39,11 @@ export const Q_Assay = ({ element, questionList }: Props) => {
         ></textarea>
       </div>
       <div id="commentarea" className="flex border mt-4">
-        <textarea className="resize-none" cols={80} readOnly></textarea>
+        <textarea className="resize-none" readOnly></textarea>
       </div>
-      <div className="flex w-full flex-row justify-end py-2">
+      <div className="flex w-full justify-end py-2">
         <button className="w-1/12">필수</button>
+        <button className="w-1/12">옵션</button>
         <button className="w-1/12">삭제</button>
       </div>
     </div>

frontend/src/CreateSurveyForm/Q_Checkbox.tsx

@@ -8,7 +8,7 @@ type Props = {
 export const Q_Checkbox = ({ element }: Props) => (
   <div className="flex flex-col container w-4/5 h-auto border-2 border-themeColor items-center m-3 py-2">
     <div className="flex flexgi-row h-16 w-full place-content-between items-center">
-      <p className="underline underline-offset-auto text-xl font-bold w-1/2 ml-6">
+      <p className="text-xl font-bold ml-6 border-b-2">
         <input type="text" placeholder={element.title}></input>
       </p>
       <select
@@ -49,6 +49,7 @@ export const Q_Checkbox = ({ element }: Props) => (
     </div>
     <div className="flex w-full flex-row justify-end py-2">
       <button className="w-1/12">필수</button>
+      <button className="w-1/12">옵션</button>
       <button className="w-1/12">삭제</button>
     </div>
   </div>

frontend/src/CreateSurveyForm/Q_Radio.tsx

@@ -8,8 +8,8 @@ type Props = {
 export const Q_Radio = ({ element }: Props) => (
   <div className="flex flex-col container w-4/5 h-auto border-2 border-themeColor items-center m-3 py-2">
     <div className="flex flexgi-row h-16 w-full place-content-between items-center">
-      <p className="underline underline-offset-auto text-xl font-bold w-1/2 ml-6">
-        <input type="text" placeholder={element.title}></input>
+      <p className="text-xl font-bold ml-6 border-b-2">
+        <input type="text " placeholder={element.title}></input>
       </p>
       <select
         id="Questions"
@@ -53,6 +53,7 @@ export const Q_Radio = ({ element }: Props) => (
     </div>
     <div className="flex w-full flex-row justify-end py-2">
       <button className="w-1/12">필수</button>
+      <button className="w-1/12">옵션</button>
       <button className="w-1/12">삭제</button>
     </div>
   </div>

frontend/src/CreateSurveyForm/Question.tsx

@@ -23,7 +23,7 @@ let EssayQ: EssayType = {
 export interface RadioType extends BasicQuestionType {
   content: {
     hasOther: boolean;
-    choices: any;
+    choices: any[];
     otherText: string;
   };
 }
@@ -41,7 +41,7 @@ let RadioQ: RadioType = {
 
 export interface CheckboxType extends BasicQuestionType {
   content: {
-    choices: any;
+    choices: any[];
     maxCount: number;
   };
 }