diff --git a/frontend/src/components/dashboard/DashboardCreate/Apply/QuestionBuilder/index.tsx b/frontend/src/components/dashboard/DashboardCreate/Apply/QuestionBuilder/index.tsx
index 8f2ea3c81..3c74e77dc 100644
--- a/frontend/src/components/dashboard/DashboardCreate/Apply/QuestionBuilder/index.tsx
+++ b/frontend/src/components/dashboard/DashboardCreate/Apply/QuestionBuilder/index.tsx
@@ -1,15 +1,17 @@
 import { useState } from 'react';
 
-import { Question, QuestionChoice, QuestionControlActionType, QuestionOptionValue } from '@customTypes/dashboard';
+import { Question, QuestionControlActionType, QuestionOptionValue } from '@customTypes/dashboard';
 
 import InputField from '@components/common/InputField';
 import Dropdown from '@components/common/Dropdown';
 import ToggleSwitch from '@components/common/ToggleSwitch';
 import { QUESTION_TYPE_NAME } from '@constants/constants';
+
+import CheckBoxField from '@components/recruitment/CheckBoxField';
+import RadioInputField from '@components/recruitment/RadioInputField';
 import QuestionController from '../QuestionController';
 
 import S from './style';
-import QuestionChoicesBuilder from '../QuestionChoicesBuilder';
 
 interface QuestionBuilderProps {
   index: number;
@@ -23,10 +25,6 @@ interface QuestionBuilderProps {
   deleteQuestion: (index: number) => void;
 }
 
-function getSortedChoices(choices: QuestionChoice[]): QuestionOptionValue[] {
-  return choices?.sort((a, b) => a.orderIndex - b.orderIndex).map((item) => ({ value: item.choice }));
-}
-
 export default function QuestionBuilder({
   index,
   question,
@@ -40,7 +38,6 @@ export default function QuestionBuilder({
 }: QuestionBuilderProps) {
   const [title, setTitle] = useState<string>(question?.question || '');
   const [currentQuestionType, setCurrentQuestionType] = useState<Question['type']>(question?.type || 'SHORT_ANSWER');
-  const [choices, setChoices] = useState<QuestionOptionValue[]>(getSortedChoices(question?.choices) || []);
   const [isRequired, setIsRequired] = useState<boolean>(question?.required || true);
 
   const handleChangeTitle = (event: React.ChangeEvent<HTMLInputElement>) => {
@@ -50,14 +47,12 @@ export default function QuestionBuilder({
 
   const handleChangeQuestionType = (type: Question['type']) => {
     if (type === currentQuestionType) return;
-    if (type === 'SHORT_ANSWER' || type === 'LONG_ANSWER') setChoices([]);
 
     setCurrentQuestionType(type);
     setQuestionType(index)(type);
   };
 
   const handleUpdateQuestionChoices = (newChoices: QuestionOptionValue[]) => {
-    setChoices(newChoices);
     setQuestionOptions(index)(newChoices);
   };
 
@@ -99,10 +94,17 @@ export default function QuestionBuilder({
           />
         </S.InputBox>
 
-        {(currentQuestionType === 'SINGLE_CHOICE' || currentQuestionType === 'MULTIPLE_CHOICE') && (
-          <QuestionChoicesBuilder
-            choices={choices}
-            onUpdate={handleUpdateQuestionChoices}
+        {currentQuestionType === 'SINGLE_CHOICE' && (
+          <RadioInputField
+            choices={question.choices}
+            setChoices={handleUpdateQuestionChoices}
+          />
+        )}
+
+        {currentQuestionType === 'MULTIPLE_CHOICE' && (
+          <CheckBoxField
+            choices={question.choices}
+            setChoices={handleUpdateQuestionChoices}
           />
         )}
 
diff --git a/frontend/src/components/dashboard/DashboardCreate/Apply/QuestionChoicesBuilder/QuestionChoicesBuilder.stories.tsx b/frontend/src/components/dashboard/DashboardCreate/Apply/QuestionChoicesBuilder/QuestionChoicesBuilder.stories.tsx
index b417c3a1a..e5e366c29 100644
--- a/frontend/src/components/dashboard/DashboardCreate/Apply/QuestionChoicesBuilder/QuestionChoicesBuilder.stories.tsx
+++ b/frontend/src/components/dashboard/DashboardCreate/Apply/QuestionChoicesBuilder/QuestionChoicesBuilder.stories.tsx
@@ -25,9 +25,9 @@ type Story = StoryObj<typeof QuestionChoicesBuilder>;
 export const Default: Story = {
   render: (args) => {
     const [choices, setChoices] = useState<QuestionOptionValue[]>([
-      { value: '첫 번째 옵션입니다.' },
-      { value: '두 번째 옵션입니다.' },
-      { value: '세 번째 옵션입니다.' },
+      { choice: '첫 번째 옵션입니다.' },
+      { choice: '두 번째 옵션입니다.' },
+      { choice: '세 번째 옵션입니다.' },
     ]);
 
     const onUpdate = (newChoices: QuestionOptionValue[]) => {
diff --git a/frontend/src/components/dashboard/DashboardCreate/Apply/QuestionChoicesBuilder/index.tsx b/frontend/src/components/dashboard/DashboardCreate/Apply/QuestionChoicesBuilder/index.tsx
index 2457732e2..2be689df0 100644
--- a/frontend/src/components/dashboard/DashboardCreate/Apply/QuestionChoicesBuilder/index.tsx
+++ b/frontend/src/components/dashboard/DashboardCreate/Apply/QuestionChoicesBuilder/index.tsx
@@ -25,9 +25,9 @@ export default function QuestionChoicesBuilder({ choices, onUpdate }: QuestionCh
     const newChoices = [...choices];
 
     if (index < newChoices.length) {
-      newChoices[index].value = newValue;
+      newChoices[index].choice = newValue;
     } else {
-      newChoices.push({ value: newValue });
+      newChoices.push({ choice: newValue });
     }
 
     onUpdate(newChoices);
@@ -37,7 +37,7 @@ export default function QuestionChoicesBuilder({ choices, onUpdate }: QuestionCh
     if (event.key === 'Enter') {
       event.preventDefault();
       if (index === choices.length - 1) {
-        onUpdate([...choices, { value: '' }]);
+        onUpdate([...choices, { choice: '' }]);
         setTimeout(() => inputRefs.current[index + 1]?.focus(), 0);
       } else {
         inputRefs.current[index + 1]?.focus();
@@ -50,7 +50,7 @@ export default function QuestionChoicesBuilder({ choices, onUpdate }: QuestionCh
     onUpdate(newChoices);
   };
 
-  const choicesToRender = choices.length === 0 ? [{ value: '' }] : choices;
+  const choicesToRender = choices.length === 0 ? [{ choice: '' }] : choices;
 
   return (
     <S.Wrapper>
@@ -63,7 +63,7 @@ export default function QuestionChoicesBuilder({ choices, onUpdate }: QuestionCh
               ref={(el) => setInputRef(el, index)}
               type="text"
               placeholder="옵션을 입력하세요."
-              value={choice.value}
+              value={choice.choice}
               onChange={(event) => handleInputChange(event, index)}
               onKeyDown={(event) => handleKeyDown(event, index)}
             />
diff --git a/frontend/src/components/dashboard/DashboardCreate/Apply/index.tsx b/frontend/src/components/dashboard/DashboardCreate/Apply/index.tsx
index cacc633ea..d319183b3 100644
--- a/frontend/src/components/dashboard/DashboardCreate/Apply/index.tsx
+++ b/frontend/src/components/dashboard/DashboardCreate/Apply/index.tsx
@@ -37,6 +37,12 @@ export default function Apply({
   prevStep,
   nextStep,
 }: ApplyProps) {
+  const isNextBtnValid =
+    applyState.length === DEFAULT_QUESTION_LENGTH ||
+    applyState
+      .slice(DEFAULT_QUESTION_LENGTH)
+      .every((question) => question.question.trim() && question.choices.length !== 1);
+
   return (
     <S.Wrapper>
       <S.Section>
@@ -106,7 +112,7 @@ export default function Apply({
             </S.ButtonContent>
           </Button>
           <Button
-            disabled={false}
+            disabled={!isNextBtnValid}
             onClick={nextStep}
             size="sm"
             color="white"
diff --git a/frontend/src/components/dashboard/DashboardCreate/Recruitment/index.tsx b/frontend/src/components/dashboard/DashboardCreate/Recruitment/index.tsx
index dd94c9f0d..cfc260794 100644
--- a/frontend/src/components/dashboard/DashboardCreate/Recruitment/index.tsx
+++ b/frontend/src/components/dashboard/DashboardCreate/Recruitment/index.tsx
@@ -1,4 +1,4 @@
-import { useRef, useState } from 'react';
+import { useEffect, useRef, useState } from 'react';
 import Button from '@components/common/Button';
 import ChevronButton from '@components/common/ChevronButton';
 import DateInput from '@components/common/DateInput';
@@ -23,7 +23,12 @@ export default function Recruitment({ recruitmentInfoState, setRecruitmentInfoSt
   const today = new Date().toISOString().split('T')[0];
   const startDateText = startDate ? formatDate(startDate) : '';
   const endDateText = endDate ? formatDate(endDate) : '';
-  const isNextButtonValid = !!(endDate && contentText && startDate && title);
+
+  useEffect(() => {
+    setContentText(quillRef.current?.unprivilegedEditor?.getText());
+  }, [quillRef]);
+
+  const isNextButtonValid = !!(endDate && contentText?.trim() && startDate && title.trim());
 
   const handleStartDate = (e: React.ChangeEvent<HTMLInputElement>) => {
     setRecruitmentInfoState((prev) => ({
@@ -51,9 +56,6 @@ export default function Recruitment({ recruitmentInfoState, setRecruitmentInfoSt
       ...prev,
       postingContent: string,
     }));
-  };
-
-  const handlePostingContentBlur = () => {
     setContentText(quillRef.current?.unprivilegedEditor?.getText());
   };
 
@@ -99,7 +101,6 @@ export default function Recruitment({ recruitmentInfoState, setRecruitmentInfoSt
           quillRef={quillRef}
           value={recruitmentInfoState.postingContent}
           onChange={handlePostingContentChange}
-          onBlur={handlePostingContentBlur}
         />
       </S.RecruitDetailContainer>
 
diff --git a/frontend/src/components/recruitment/CheckBoxField/CheckBoxField.stories.tsx b/frontend/src/components/recruitment/CheckBoxField/CheckBoxField.stories.tsx
index cdeb8ac3e..28380726a 100644
--- a/frontend/src/components/recruitment/CheckBoxField/CheckBoxField.stories.tsx
+++ b/frontend/src/components/recruitment/CheckBoxField/CheckBoxField.stories.tsx
@@ -15,14 +15,14 @@ const meta: Meta<typeof CheckBoxField> = {
   },
   tags: ['autodocs'],
   argTypes: {
-    options: {
+    choices: {
       description: 'CheckBoxOption으로 구성된 옵션 객체 배열입니다.',
       control: { type: 'object' },
       table: {
         type: { summary: 'Option[]' },
       },
     },
-    setOptions: {
+    setChoices: {
       description: '옵션 객체 배열을 설정하는 함수입니다.',
       action: 'optionsChanged',
       table: {
@@ -35,11 +35,11 @@ const meta: Meta<typeof CheckBoxField> = {
 export default meta;
 type Story = StoryObj<typeof meta>;
 
-const defaultOptions = [{ value: '' }];
+const defaultOptions = [{ choice: '' }];
 
 export const Default: Story = {
   args: {
-    options: defaultOptions,
+    choices: defaultOptions,
   },
   decorators: [
     (Child) => {
@@ -49,8 +49,8 @@ export const Default: Story = {
         <Child
           args={{
             ...args,
-            setOptions: (options) => {
-              updateArgs({ options });
+            setChoices: (choices) => {
+              updateArgs({ choices });
             },
           }}
         />
diff --git a/frontend/src/components/recruitment/CheckBoxField/index.tsx b/frontend/src/components/recruitment/CheckBoxField/index.tsx
index e0447f09f..173a3274e 100644
--- a/frontend/src/components/recruitment/CheckBoxField/index.tsx
+++ b/frontend/src/components/recruitment/CheckBoxField/index.tsx
@@ -1,39 +1,40 @@
 import React, { useCallback, useEffect, useRef } from 'react';
+import { QuestionOptionValue } from '@customTypes/dashboard';
+import CheckBoxOption from '../CheckBoxOption';
 
 import S from './style';
-import CheckBoxOption from '../CheckBoxOption';
 
-interface Option {
-  value: string;
+interface ChoiceOption {
+  choice: string;
 }
 
 interface Props {
-  options: Option[];
-  setOptions: React.Dispatch<React.SetStateAction<Option[]>>;
+  choices: ChoiceOption[];
+  setChoices: (newChoices: QuestionOptionValue[]) => void;
 }
 
-export default function CheckBoxField({ options, setOptions }: Props) {
+export default function CheckBoxField({ choices, setChoices }: Props) {
   const inputRefs = useRef<(HTMLInputElement | null)[]>([]);
 
   const handleOptionChange = (index: number, value: string) => {
-    const newOptions = [...options];
-    newOptions[index].value = value;
-    setOptions(newOptions);
+    const newOptions = [...choices];
+    newOptions[index].choice = value;
+    setChoices(newOptions);
   };
 
   const addOption = () => {
-    setOptions([...options, { value: '' }]);
+    setChoices([...choices, { choice: '' }]);
   };
 
   const deleteOption = (index: number) => {
-    const newOptions = options.slice();
+    const newOptions = choices.slice();
     newOptions.splice(index, 1);
-    setOptions(newOptions);
+    setChoices(newOptions);
   };
 
   const handleOptionBlur = (index: number) => {
-    const isLastOption = index === options.length - 1;
-    const isEmptyValue = options[index].value.trim() === '';
+    const isLastOption = index === choices.length - 1;
+    const isEmptyValue = choices[index].choice.trim() === '';
     if (!isLastOption && isEmptyValue) {
       deleteOption(index);
     }
@@ -43,13 +44,13 @@ export default function CheckBoxField({ options, setOptions }: Props) {
   };
 
   const focusLastOption = useCallback(() => {
-    inputRefs.current[options.length - 1]?.focus();
-  }, [options.length]);
+    inputRefs.current[choices.length - 1]?.focus();
+  }, [choices.length]);
 
   const handleKeyDown = (e: React.KeyboardEvent<HTMLInputElement>, index: number) => {
     if ((e.key === 'Tab' || e.key === 'Enter') && !e.shiftKey) {
       e.preventDefault();
-      if (index === options.length - 1) {
+      if (index === choices.length - 1) {
         addOption();
       }
       focusLastOption();
@@ -58,7 +59,7 @@ export default function CheckBoxField({ options, setOptions }: Props) {
 
   useEffect(() => {
     focusLastOption();
-  }, [options.length, focusLastOption]);
+  }, [choices.length, focusLastOption]);
 
   const setInputRefCallback = (index: number) => (node: HTMLInputElement) => {
     inputRefs.current[index] = node;
@@ -66,15 +67,15 @@ export default function CheckBoxField({ options, setOptions }: Props) {
 
   return (
     <S.Container>
-      {options.map((option, index) => (
+      {choices.map((choice, index) => (
         <CheckBoxOption
           // eslint-disable-next-line react/no-array-index-key
           key={index}
           isDisabled={false}
-          isDeleteBtn={options.length - 1 !== index}
+          isDeleteBtn={choices.length - 1 !== index}
           onDeleteBtnClick={() => deleteOption(index)}
           inputAttrs={{
-            value: option.value,
+            value: choice.choice,
             ref: setInputRefCallback(index),
             onChange: (e) => handleOptionChange(index, e.target.value),
             onKeyDown: (e) => handleKeyDown(e, index),
diff --git a/frontend/src/components/recruitment/RadioInputField/RadioInputField.stories.tsx b/frontend/src/components/recruitment/RadioInputField/RadioInputField.stories.tsx
index 6d1552bb6..4ec522228 100644
--- a/frontend/src/components/recruitment/RadioInputField/RadioInputField.stories.tsx
+++ b/frontend/src/components/recruitment/RadioInputField/RadioInputField.stories.tsx
@@ -15,14 +15,14 @@ const meta: Meta<typeof RadioInputField> = {
   },
   tags: ['autodocs'],
   argTypes: {
-    options: {
+    choices: {
       description: 'RadioInputOption으로 구성된 옵션 객체 배열입니다.',
       control: { type: 'object' },
       table: {
         type: { summary: 'Option[]' },
       },
     },
-    setOptions: {
+    setChoices: {
       description: '옵션 객체 배열을 설정하는 함수입니다.',
       action: 'optionsChanged',
       table: {
@@ -35,11 +35,11 @@ const meta: Meta<typeof RadioInputField> = {
 export default meta;
 type Story = StoryObj<typeof meta>;
 
-const defaultOptions = [{ value: '' }];
+const defaultOptions = [{ choice: '' }];
 
 export const Default: Story = {
   args: {
-    options: defaultOptions,
+    choices: defaultOptions,
   },
   decorators: [
     (Child) => {
@@ -49,8 +49,8 @@ export const Default: Story = {
         <Child
           args={{
             ...args,
-            setOptions: (options) => {
-              updateArgs({ options });
+            setChoices: (choices) => {
+              updateArgs({ choices });
             },
           }}
         />
diff --git a/frontend/src/components/recruitment/RadioInputField/index.tsx b/frontend/src/components/recruitment/RadioInputField/index.tsx
index ffb085956..957e71c9d 100644
--- a/frontend/src/components/recruitment/RadioInputField/index.tsx
+++ b/frontend/src/components/recruitment/RadioInputField/index.tsx
@@ -1,39 +1,40 @@
 import React, { useCallback, useEffect, useRef } from 'react';
+import { QuestionOptionValue } from '@customTypes/dashboard';
 
 import S from './style';
 import RadioInputOption from '../RadioInputOption';
 
-interface Option {
-  value: string;
+interface ChoiceOption {
+  choice: string;
 }
 
 interface Props {
-  options: Option[];
-  setOptions: React.Dispatch<React.SetStateAction<Option[]>>;
+  choices: ChoiceOption[];
+  setChoices: (newChoices: QuestionOptionValue[]) => void;
 }
 
-export default function RadioInputField({ options, setOptions }: Props) {
+export default function RadioInputField({ choices, setChoices }: Props) {
   const inputRefs = useRef<(HTMLInputElement | null)[]>([]);
 
   const handleOptionChange = (index: number, value: string) => {
-    const newOptions = [...options];
-    newOptions[index].value = value;
-    setOptions(newOptions);
+    const newOptions = [...choices];
+    newOptions[index].choice = value;
+    setChoices(newOptions);
   };
 
   const addOption = () => {
-    setOptions([...options, { value: '' }]);
+    setChoices([...choices, { choice: '' }]);
   };
 
   const deleteOption = (index: number) => {
-    const newOptions = options.slice();
+    const newOptions = choices.slice();
     newOptions.splice(index, 1);
-    setOptions(newOptions);
+    setChoices(newOptions);
   };
 
   const handleOptionBlur = (index: number) => {
-    const isLastOption = index === options.length - 1;
-    const isEmptyValue = options[index].value.trim() === '';
+    const isLastOption = index === choices.length - 1;
+    const isEmptyValue = choices[index].choice.trim() === '';
     if (!isLastOption && isEmptyValue) {
       deleteOption(index);
     }
@@ -43,13 +44,15 @@ export default function RadioInputField({ options, setOptions }: Props) {
   };
 
   const focusLastOption = useCallback(() => {
-    inputRefs.current[options.length - 1]?.focus();
-  }, [options.length]);
+    inputRefs.current[choices.length - 1]?.focus();
+  }, [choices.length]);
 
   const handleKeyDown = (e: React.KeyboardEvent<HTMLInputElement>, index: number) => {
+    if (e.nativeEvent.isComposing) return;
+
     if ((e.key === 'Tab' || e.key === 'Enter') && !e.shiftKey) {
       e.preventDefault();
-      if (index === options.length - 1) {
+      if (index === choices.length - 1) {
         addOption();
       }
       focusLastOption();
@@ -58,7 +61,7 @@ export default function RadioInputField({ options, setOptions }: Props) {
 
   useEffect(() => {
     focusLastOption();
-  }, [options.length, focusLastOption]);
+  }, [choices.length, focusLastOption]);
 
   const setInputRefCallback = (index: number) => (node: HTMLInputElement) => {
     inputRefs.current[index] = node;
@@ -66,15 +69,15 @@ export default function RadioInputField({ options, setOptions }: Props) {
 
   return (
     <S.Container>
-      {options.map((option, index) => (
+      {choices.map((choice, index) => (
         <RadioInputOption
           // eslint-disable-next-line react/no-array-index-key
           key={index}
           isDisabled={false}
-          isDeleteBtn={options.length - 1 !== index}
+          isDeleteBtn={choices.length - 1 !== index}
           onDeleteBtnClick={() => deleteOption(index)}
           inputAttrs={{
-            value: option.value,
+            value: choice.choice,
             ref: setInputRefCallback(index),
             onChange: (e) => handleOptionChange(index, e.target.value),
             onKeyDown: (e) => handleKeyDown(e, index),
diff --git a/frontend/src/hooks/useDashboardCreateForm/index.tsx b/frontend/src/hooks/useDashboardCreateForm/index.tsx
index 769a34004..e49587ce3 100644
--- a/frontend/src/hooks/useDashboardCreateForm/index.tsx
+++ b/frontend/src/hooks/useDashboardCreateForm/index.tsx
@@ -64,7 +64,6 @@ export default function useDashboardCreateForm(): UseDashboardCreateFormReturn {
           ...recruitmentInfoState,
           questions: applyState.slice(3).map(({ id, ...value }) => {
             const temp = { ...value };
-            temp.choices = value.choices.map((choice, index) => ({ ...choice, orderIndex: index }));
             return { ...temp, orderIndex: id };
           }),
         },
@@ -110,7 +109,12 @@ export default function useDashboardCreateForm(): UseDashboardCreateFormReturn {
     setApplyState((prevState) => {
       const questionsCopy = [...prevState];
       questionsCopy[index].type = type;
-      questionsCopy[index].choices = [];
+      if (type === 'SINGLE_CHOICE' || type === 'MULTIPLE_CHOICE') {
+        questionsCopy[index].choices = [{ choice: '', orderIndex: 0 }];
+      } else {
+        questionsCopy[index].choices = [];
+      }
+      console.log(questionsCopy);
       return questionsCopy;
     });
   };
@@ -118,7 +122,7 @@ export default function useDashboardCreateForm(): UseDashboardCreateFormReturn {
   const setQuestionOptions = (index: number) => (options: QuestionOptionValue[]) => {
     setApplyState((prevState) => {
       const questionsCopy = [...prevState];
-      questionsCopy[index].choices = options.map(({ value }, i) => ({ choice: value, orderIndex: i }));
+      questionsCopy[index].choices = options.map(({ choice }, i) => ({ choice, orderIndex: i }));
       return questionsCopy;
     });
   };
diff --git a/frontend/src/hooks/useDashboardCreateForm/useDashboardCreateForm.test.tsx b/frontend/src/hooks/useDashboardCreateForm/useDashboardCreateForm.test.tsx
index 73526502c..192756c08 100644
--- a/frontend/src/hooks/useDashboardCreateForm/useDashboardCreateForm.test.tsx
+++ b/frontend/src/hooks/useDashboardCreateForm/useDashboardCreateForm.test.tsx
@@ -35,9 +35,9 @@ describe('useDashboardCreateForm', () => {
   it('setQuestionOptions로 질문 옵션을 설정할 수 있다.', () => {
     const { result } = renderHook(() => useDashboardCreateForm(), { wrapper: createWrapper() });
 
-    const options = [{ value: 'Option 1' }, { value: 'Option 2' }];
+    const choices = [{ choice: 'Option 1' }, { choice: 'Option 2' }];
     act(() => {
-      result.current.setQuestionOptions(0)(options);
+      result.current.setQuestionOptions(0)(choices);
     });
 
     expect(result.current.applyState[0].choices).toEqual([
diff --git a/frontend/src/pages/DashboardCreate/DashboardCreate.stories.tsx b/frontend/src/pages/DashboardCreate/DashboardCreate.stories.tsx
new file mode 100644
index 000000000..d21655068
--- /dev/null
+++ b/frontend/src/pages/DashboardCreate/DashboardCreate.stories.tsx
@@ -0,0 +1,30 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import { reactRouterParameters } from 'storybook-addon-remix-react-router';
+import DashboardCreate from './index';
+
+const meta: Meta<typeof DashboardCreate> = {
+  title: 'Pages/DashboardCreate',
+  component: DashboardCreate,
+  parameters: {
+    layout: 'fullscreen',
+    docs: {
+      description: {
+        component: 'DashboardCreate 컴포넌트는 공고를 작성하고 지원서를 구성한 후 게시할 수 있는 양식을 제공합니다.',
+      },
+    },
+    reactRouter: reactRouterParameters({
+      location: {
+        pathParams: { dashboardId: '1' },
+      },
+      routing: { path: '/dashboard/:dashboardId/create' },
+    }),
+  },
+  tags: ['autodocs'],
+};
+
+export default meta;
+type Story = StoryObj<typeof DashboardCreate>;
+
+export const Default: Story = {
+  args: {},
+};
diff --git a/frontend/src/types/dashboard.ts b/frontend/src/types/dashboard.ts
index 7d56a6ce8..1340bbd5f 100644
--- a/frontend/src/types/dashboard.ts
+++ b/frontend/src/types/dashboard.ts
@@ -32,7 +32,7 @@ export interface QuestionOption {
 export type QuestionControlActionType = 'moveUp' | 'moveDown' | 'delete';
 
 export interface QuestionOptionValue {
-  value: string;
+  choice: string;
 }
 
 interface Stats {