refactor: 설문 질문 생성 버그 수정

web/src/components/Survey/choice.tsx

@@ -26,22 +26,26 @@ export const Choice = ({
   );
 
   useEffect(() => {
-    if (type === 'MULTIPLE_CHOICE' && choices.length < 2) {
+    if (choices.length < 2) {
       const newChoices = [...choices, { id: uuidv4(), value: '' }];
       setChoices(newChoices);
       onOptionsChange(newChoices.map(choice => choice.value));
     }
   }, [type, choices, onOptionsChange]);
 
   const handleAddChoice = () => {
+    if (choices.length === 10) {
+      toast.error('질문 선택지는 최대 10개입니다.');
+      return;
+    }
     const newChoices = [...choices, { id: uuidv4(), value: '' }];
     setChoices(newChoices);
     onOptionsChange(newChoices.map(choice => choice.value));
   };
 
   const handleRemoveChoice = (id: string) => {
-    if (type === 'MULTIPLE_CHOICE' && choices.length <= 2) {
-      toast.error('복수선택 질문 유형에서는 최소 2개의 선택지가 필요합니다.');
+    if (choices.length <= 2) {
+      toast.error('질문 유형에서는 최소 2개의 선택지가 필요합니다.');
       return;
     }
     const newChoices = choices.filter(choice => choice.id !== id);

web/src/components/Survey/create-survey-page3.tsx

@@ -13,6 +13,7 @@ import { QuestionType } from '@/types/survey';
 import { useState } from 'react';
 import { useSelector } from 'react-redux';
 import { useNavigate } from 'react-router-dom';
+import { toast } from 'sonner';
 import { v4 as uuidv4 } from 'uuid';
 import { Box } from '../common/box';
 import { Button } from '../common/button';
@@ -50,12 +51,20 @@ export const CreateSurveyPageStep3 = () => {
   ]);
 
   const addQuestion = () => {
+    if (questions.length === 10) {
+      toast.error('질문은 최대 10개입니다.');
+      return;
+    }
     setQuestions([
       ...questions,
       { id: uuidv4(), type: 'SUBJECTIVE', text: '', options: [] },
     ]);
   };
 
+  const deleteQuestion = (id: string) => {
+    setQuestions(questions.filter(q => q.id !== id));
+  };
+
   const changeQuestionType = (
     id: string,
     type: 'SUBJECTIVE' | 'SINGLE_CHOICE' | 'MULTIPLE_CHOICE'
@@ -74,6 +83,20 @@ export const CreateSurveyPageStep3 = () => {
   };
 
   const handleSubmit = async () => {
+    if (questions.filter(q => q.text.trim().length === 0).length > 0) {
+      toast.error('질문을 입력해주세요.');
+      return;
+    }
+    if (
+      questions.filter(
+        q =>
+          q.type !== 'SUBJECTIVE' && q.options.map(c => c.trim().length === 0)
+      ).length > 0
+    ) {
+      toast.error('객관식 항목은 빈 값일 수 없습니다.');
+      return;
+    }
+
     const formattedData = {
       eventId,
       consentFormHtml: policy,
@@ -117,6 +140,7 @@ export const CreateSurveyPageStep3 = () => {
               <QuestionSelect
                 value={question.type}
                 onChange={newType => changeQuestionType(question.id, newType)}
+                onDelete={() => deleteQuestion(question.id)}
               />
               {question.type === 'SUBJECTIVE' && (
                 <Subjective

web/src/components/Survey/question-select.tsx

@@ -20,9 +20,14 @@ type ValueType = keyof typeof valueMap;
 type QuestionSelectProps = {
   value: ValueType;
   onChange: (value: ValueType) => void;
+  onDelete: () => void;
 };
 
-export const QuestionSelect = ({ value, onChange }: QuestionSelectProps) => {
+export const QuestionSelect = ({
+  value,
+  onChange,
+  onDelete,
+}: QuestionSelectProps) => {
   return (
     <QuestionSelectWrapper>
       <Select value={value} onValueChange={onChange}>
@@ -49,7 +54,8 @@ export const QuestionSelect = ({ value, onChange }: QuestionSelectProps) => {
           </SelectGroup>
         </SelectContent>
       </Select>
-      <X />
+      <X onClick={onDelete} style={{ cursor: 'pointer' }} />{' '}
+      {/* Add the onClick handler */}
     </QuestionSelectWrapper>
   );
 };