Commit @e5c611aa1abb81b9e9e5f4fc7262005f9a0c4b1d

임동욱 09-03

fix: OX퀴즈 정답여부는 다시 고정 O·X로 두고 문구만 코드로 받는다

공통코드 QUIZ_ANSWER로 O·X 선택지를 조회하던 것을 되돌린다(f2af4f2). 정답여부는 화면
고정값이고, 코드로 받는 것은 각 줄의 「사용자에게 노출할 문구」뿐이다 — O는 QUIZ_ANSWER_O,
X는 QUIZ_ANSWER_X로 목록이 서로 다르다.

Co-Authored-By: Claude Opus 5

@e5c611aa1abb81b9e9e5f4fc7262005f9a0c4b1d

eb74cc5

e5c611a

app/(protected)/(basic)/contents/_actions.ts

--- app/(protected)/(basic)/contents/_actions.ts

+++ app/(protected)/(basic)/contents/_actions.ts


 import { BackendRequestError } from '@/lib/http/backend-fetch';
 import {
   fetchQuizAnswerMessages,
-  fetchQuizAnswerNames,
   fetchSchoolGradeCodes,
 } from '@/lib/data/repositories/common-code-repository';
 import {

   deleteQuiz,
   updateQuiz,
 } from '@/lib/data/repositories/content-quiz-repository';
-import { CONTENT_TYPE_CODE, type ContentKind } from '@/lib/domain/content';
+import {
+  CONTENT_TYPE_CODE,
+  QUIZ_ANSWER_OPTIONS,
+  type ContentKind,
+} from '@/lib/domain/content';
 import {
   ContentInputError,
   validateComicForm,

   };
 }
 
-function readQuizValues(formData: FormData, answerOptions: readonly string[]) {
+function readQuizValues(formData: FormData) {
   return {
     schoolCode: readString(formData, 'schoolCode'),
     grades: readGrades(formData),

     keywords: readKeywords(formData),
     question: readString(formData, 'question'),
     answer: readString(formData, 'answer'),
-    // 정답 선택지 줄을 각각 읽는다 — 정답이 아닌 쪽도 함께 보낸다.
-    answerMessages: answerOptions.map((answer) => ({
+    // O·X 두 줄을 각각 읽는다 — 정답이 아닌 쪽도 함께 보낸다.
+    answerMessages: QUIZ_ANSWER_OPTIONS.map((answer) => ({
       answer,
       code: readString(formData, `answerMessage${answer}Code`),
       text: readString(formData, `answerMessage${answer}Text`),

   await verifySession();
 
   const failed = await runWrite(async () => {
-    const answerOptions = await fetchQuizAnswerNames();
     const validation = validateQuizForm(
-      readQuizValues(formData, answerOptions),
+      readQuizValues(formData),
       await fetchSchoolGradeCodes(),
-      answerOptions,
-      await fetchQuizAnswerMessages(answerOptions)
+      await fetchQuizAnswerMessages()
     );
     if (!validation.ok) {
       return { status: 'error', errors: validation.errors };

   }
 
   const failed = await runWrite(async () => {
-    const answerOptions = await fetchQuizAnswerNames();
     const validation = validateQuizForm(
-      readQuizValues(formData, answerOptions),
+      readQuizValues(formData),
       await fetchSchoolGradeCodes(),
-      answerOptions,
-      await fetchQuizAnswerMessages(answerOptions)
+      await fetchQuizAnswerMessages()
     );
     if (!validation.ok) {
       return { status: 'error', errors: validation.errors };

eb74cc5

e5c611a

app/(protected)/(basic)/contents/quizzes/[quizId]/page.tsx

--- app/(protected)/(basic)/contents/quizzes/[quizId]/page.tsx

+++ app/(protected)/(basic)/contents/quizzes/[quizId]/page.tsx


 import { verifySession } from '@/lib/auth/dal';
 import {
   fetchQuizAnswerMessages,
-  fetchQuizAnswerNames,
   fetchSchoolGradeCodes,
 } from '@/lib/data/repositories/common-code-repository';
 import { fetchQuizDetail } from '@/lib/data/repositories/content-quiz-repository';

 export default async function Page({ params }: PageProps) {
   await verifySession();
 
-  const [{ schools, gradesBySchool }, answerOptions] = await Promise.all([
-    fetchSchoolGradeCodes(),
-    fetchQuizAnswerNames(),
-  ]);
-  // 문구 그룹 이름이 정답 코드명에서 나오므로 정답 목록을 받은 뒤에 조회한다.
-  const messageOptionsByAnswer = await fetchQuizAnswerMessages(answerOptions);
+  const [{ schools, gradesBySchool }, messageOptionsByAnswer] =
+    await Promise.all([fetchSchoolGradeCodes(), fetchQuizAnswerMessages()]);
 
   const { quizId } = await params;
   const item = await fetchQuizDetail(quizId);

     <QuizForm
       schools={schools}
       gradesBySchool={gradesBySchool}
-      answerOptions={answerOptions}
       messageOptionsByAnswer={messageOptionsByAnswer}
       item={item}
     />

eb74cc5

e5c611a

app/(protected)/(basic)/contents/quizzes/_components/quiz-form.tsx

--- app/(protected)/(basic)/contents/quizzes/_components/quiz-form.tsx

+++ app/(protected)/(basic)/contents/quizzes/_components/quiz-form.tsx


 import { submitFormAction } from '@/app/_hooks/submit-form-action';
 import {
   ANSWER_MESSAGE_ETC,
+  QUIZ_ANSWER_OPTIONS,
   QUIZ_LEVEL_OPTIONS,
+  type QuizAnswer,
   type QuizItem,
   type GradesBySchool,
 } from '@/lib/domain/content';

 interface QuizFormProps {
   schools: readonly CommonCode[];
   gradesBySchool: GradesBySchool;
-  /** 공통코드 `QUIZ_ANSWER` 상세코드의 코드명 — 이 문자열이 그대로 저장된다. */
-  answerOptions: readonly string[];
   /**
-   * 정답별 「노출할 문구」 선택지. O와 X의 목록이 달라 그룹이 갈린다
+   * O·X 각각의 「노출할 문구」 선택지. 두 목록이 서로 달라 그룹이 갈린다
    * (`QUIZ_ANSWER_O`·`QUIZ_ANSWER_X`).
    */
-  messageOptionsByAnswer: Record<string, readonly CommonCode[]>;
+  messageOptionsByAnswer: Record<QuizAnswer, readonly CommonCode[]>;
   item?: QuizItem;
 }
 
 /**
  * 콘텐츠 등록·수정 (금융OX퀴즈) — 시안 5402:12360.
  *
- * 정답여부는 선택지(공통코드 `QUIZ_ANSWER`)마다 한 줄이고 각 줄이 「사용자에게 노출할
- * 문구」를 갖는다. 문구 선택지는 정답마다 다른 공통코드에서 온다 — O는 `QUIZ_ANSWER_O`,
- * X는 `QUIZ_ANSWER_X`다(사용자 확정). 문구는 모두 백엔드로 보낸다 — 정답이 아닌 쪽에도
- * 보여 줄 문구가 필요하기 때문이다. 「기타」를 고르면 문구를 직접 적고 그 값이 전송된다.
- * 앞의 라디오는 어느 쪽이 정답인지만 정한다.
+ * 정답여부는 O·X 두 줄이고 각 줄이 「사용자에게 노출할 문구」를 갖는다. 문구 선택지는
+ * O·X가 서로 다른 공통코드 그룹에서 온다 — `QUIZ_ANSWER_O` · `QUIZ_ANSWER_X`(사용자 확정).
+ * 문구는 둘 다 백엔드로 보낸다 — 정답이 아닌 쪽에도 보여 줄 문구가 필요하기 때문이다.
+ * 「기타」를 고르면 문구를 직접 적고 그 값이 전송된다. 앞의 라디오는 어느 쪽이 정답인지만
+ * 정한다.
  */
 export function QuizForm({
   schools,
   gradesBySchool,
-  answerOptions,
   messageOptionsByAnswer,
   item,
 }: QuizFormProps) {

     isEdit ? updateQuizAction : createQuizAction,
     INITIAL_CONTENT_FORM_STATE
   );
-  const [answer, setAnswer] = useState(item?.answer || answerOptions[0] || '');
-  // 선택지 각각의 노출 문구. 정답이 아닌 쪽도 보내므로 선택지 수만큼 따로 들고 있는다.
-  const [messages, setMessages] = useState<
-    Record<string, { code: string; text: string }>
-  >(() =>
-    Object.fromEntries(
-      answerOptions.map((option) => [
-        option,
-        // 코드가 아직 등록되지 않았을 수 있다 — 그때는 「기타」로 시작한다.
-        {
-          code: messageOptionsByAnswer[option]?.[0]?.code ?? ANSWER_MESSAGE_ETC,
-          text: '',
-        },
-      ])
-    )
+  const [answer, setAnswer] = useState<string>(
+    item?.answer || QUIZ_ANSWER_OPTIONS[0]
   );
+  // O·X 각각의 노출 문구. 정답이 아닌 쪽도 보내므로 둘 다 따로 들고 있는다.
+  const [messages, setMessages] = useState<
+    Record<QuizAnswer, { code: string; text: string }>
+  >(() => ({
+    // 코드가 아직 등록되지 않았을 수 있다 — 그때는 「기타」로 시작한다.
+    O: { code: messageOptionsByAnswer.O[0]?.code ?? ANSWER_MESSAGE_ETC, text: '' },
+    X: { code: messageOptionsByAnswer.X[0]?.code ?? ANSWER_MESSAGE_ETC, text: '' },
+  }));
 
   /** 코드 목록 + 「기타」. 기타는 코드가 아니라 직접 입력을 여는 자리라 항상 뒤에 붙인다. */
-  const messageOptionsOf = (option: string) => [
-    ...(messageOptionsByAnswer[option] ?? []).map((code) => ({
+  const messageOptionsOf = (option: QuizAnswer) => [
+    ...messageOptionsByAnswer[option].map((code) => ({
       value: code.code,
       label: code.label,
     })),

   ];
 
   const patchMessage = (
-    option: string,
+    option: QuizAnswer,
     patch: Partial<{ code: string; text: string }>
   ) =>
     setMessages((current) => ({

   const errors = state.status === 'error' ? (state.errors ?? {}) : {};
   const answerError =
     errors.answer ??
-    answerOptions
-      .flatMap((option) => [
-        errors[`answerMessage${option}Code`],
-        errors[`answerMessage${option}Text`],
-      ])
-      .find(Boolean);
+    QUIZ_ANSWER_OPTIONS.flatMap((option) => [
+      errors[`answerMessage${option}Code`],
+      errors[`answerMessage${option}Text`],
+    ]).find(Boolean);
 
   return (
     <>

 
         <ContentFormRow label="정답여부" required>
           <div className={styles.answerLines}>
-            {answerOptions.map((option) => (
+            {QUIZ_ANSWER_OPTIONS.map((option) => (
               <div key={option} className={styles.inline}>
                 <FoxRadio
                   name="answer"

eb74cc5

e5c611a

app/(protected)/(basic)/contents/quizzes/new/page.tsx

--- app/(protected)/(basic)/contents/quizzes/new/page.tsx

+++ app/(protected)/(basic)/contents/quizzes/new/page.tsx


 import { verifySession } from '@/lib/auth/dal';
 import {
   fetchQuizAnswerMessages,
-  fetchQuizAnswerNames,
   fetchSchoolGradeCodes,
 } from '@/lib/data/repositories/common-code-repository';
 import { QuizForm } from '../_components/quiz-form';

 export default async function Page() {
   await verifySession();
 
-  const [{ schools, gradesBySchool }, answerOptions] = await Promise.all([
-    fetchSchoolGradeCodes(),
-    fetchQuizAnswerNames(),
-  ]);
-  // 문구 그룹 이름이 정답 코드명에서 나오므로 정답 목록을 받은 뒤에 조회한다.
-  const messageOptionsByAnswer = await fetchQuizAnswerMessages(answerOptions);
+  const [{ schools, gradesBySchool }, messageOptionsByAnswer] =
+    await Promise.all([fetchSchoolGradeCodes(), fetchQuizAnswerMessages()]);
   return (
     <QuizForm
       schools={schools}
       gradesBySchool={gradesBySchool}
-      answerOptions={answerOptions}
       messageOptionsByAnswer={messageOptionsByAnswer}
     />
   );

eb74cc5

e5c611a

lib/data/repositories/common-code-repository.ts

--- lib/data/repositories/common-code-repository.ts

+++ lib/data/repositories/common-code-repository.ts


   type CommonCodeDetail,
   type CommonCodeGroup,
 } from '@/lib/domain/common-code';
+import type { QuizAnswer } from '@/lib/domain/content';
 import type {
   CommonCodeDetailValues,
   CommonCodeGroupValues,

 }
 
 /**
- * OX퀴즈 정답여부 선택지 — 코드값(`comDtlCd`)이 아니라 **코드명(`cdNm`)을 그대로 값으로**
- * 화면·저장에 쓴다(사용자 확정). 백엔드 `CNTNTS_QUIZ_ANSWER`가 문자열을 받기 때문이다.
+ * OX퀴즈 「사용자에게 노출할 문구」 선택지. O와 X가 서로 다른 목록이라 그룹을 둘 다 읽는다.
  */
-export async function fetchQuizAnswerNames(): Promise<string[]> {
-  const details = await fetchCodeDetails(CODE_GROUP.quizAnswer);
-  return details.map((detail) => detail.name);
-}
-
-/**
- * 정답별 「노출할 문구」 선택지. O와 X의 목록이 달라 그룹이 둘로 갈린다 —
- * `QUIZ_ANSWER_O` · `QUIZ_ANSWER_X`(사용자 확정).
- *
- * 정답 코드명(`O`/`X`)을 접미로 붙여 그룹 이름을 만든다. 정답 선택지가 늘면 같은 규칙으로
- * 그룹만 등록하면 화면은 손대지 않아도 된다.
- */
-export async function fetchQuizAnswerMessages(
-  answerNames: readonly string[]
-): Promise<Record<string, CommonCode[]>> {
-  const entries = await Promise.all(
-    answerNames.map(
-      async (answer) =>
-        [
-          answer,
-          await fetchCommonCodes(`${CODE_GROUP.quizAnswer}_${answer}`),
-        ] as const
-    )
-  );
-  return Object.fromEntries(entries);
+export async function fetchQuizAnswerMessages(): Promise<
+  Record<QuizAnswer, CommonCode[]>
+> {
+  const [answerO, answerX] = await Promise.all([
+    fetchCommonCodes(CODE_GROUP.quizAnswerMessage.O),
+    fetchCommonCodes(CODE_GROUP.quizAnswerMessage.X),
+  ]);
+  return { O: answerO, X: answerX };
 }
 
 export type SchoolGradeCodes = {

eb74cc5

e5c611a

lib/domain/common-code.ts

--- lib/domain/common-code.ts

+++ lib/domain/common-code.ts

...	...	@@ -31,8 +31,14 @@
31	31	school: 'COM_SCHUL_CD',
32	32	/** 학년. 학교마다 다르므로 `atrbNm`에 학교 코드를 넣어 조회한다. */
33	33	grade: 'GRD_CD',
34		- /** OX퀴즈 정답여부. */
35		- quizAnswer: 'QUIZ_ANSWER',
	34	+ /**
	35	+ * OX퀴즈 「사용자에게 노출할 문구」. O와 X의 목록이 서로 달라 그룹이 둘로 갈린다
	36	+ * (사용자 확정).
	37	+ */
	38	+ quizAnswerMessage: {
	39	+ O: 'QUIZ_ANSWER_O',
	40	+ X: 'QUIZ_ANSWER_X',
	41	+ },
36	42	} as const;
37	43
38	44	/** 값이 없는 항목의 화면 표기. */

eb74cc5

e5c611a

lib/domain/content-form.ts

--- lib/domain/content-form.ts

+++ lib/domain/content-form.ts


 import {
   ANSWER_MESSAGE_ETC,
   MIN_COMIC_CUTS,
+  QUIZ_ANSWER_OPTIONS,
   QUIZ_LEVEL_OPTIONS,
   gradesOf,
+  type QuizAnswer,
   type ContentKeyword,
   type QuizAnswerMessage,
   type GradesBySchool,

 export function validateQuizForm(
   values: QuizFormValues,
   codes: SchoolGradeOptions,
-  answerOptions: readonly string[],
-  messageOptionsByAnswer: Record<string, readonly CommonCode[]>
+  messageOptionsByAnswer: Record<QuizAnswer, readonly CommonCode[]>
 ): ValidationResult<QuizFormValues> {
   const errors: ContentFormErrors = {};
   validateGrades(values, codes, errors);

   if (!QUIZ_LEVEL_OPTIONS.some((option) => option.value === values.level)) {
     errors.level = '난이도를 선택해 주세요.';
   }
-  if (!answerOptions.includes(values.answer)) {
+  if (!(QUIZ_ANSWER_OPTIONS as readonly string[]).includes(values.answer)) {
     errors.answer = '정답을 선택해 주세요.';
   }
 

 
   // 정답 선택지 줄을 각각 검사한다 — 정답이 아닌 쪽도 보내므로 모두 유효해야 한다.
   const answerMessages = values.answerMessages.map((message) => {
-    const allowedCodes = messageOptionsByAnswer[message.answer] ?? [];
+    const allowedCodes = messageOptionsByAnswer[message.answer];
     if (
       message.code !== '' &&
       message.code !== ANSWER_MESSAGE_ETC &&

eb74cc5

e5c611a

lib/domain/content.ts

--- lib/domain/content.ts

+++ lib/domain/content.ts

...	...	@@ -43,18 +43,21 @@
43	43	{ value: '1', label: '하' },
44	44	];
45	45
	46	+export const QUIZ_ANSWER_OPTIONS = ['O', 'X'] as const;
	47	+export type QuizAnswer = (typeof QUIZ_ANSWER_OPTIONS)[number];
	48	+
46	49	/**
47		- * 정답여부에 함께 노출할 문구. 선택지는 정답마다 다른 공통코드 그룹에서 온다 —
	50	+ * 정답여부에 함께 노출할 문구. 선택지는 O·X 각각의 공통코드 그룹에서 온다 —
48	51	* `QUIZ_ANSWER_O` · `QUIZ_ANSWER_X`(사용자 확정). 「기타」만 코드가 아니라 직접 입력을
49	52	* 여는 자리라 프론트가 붙인다.
50	53	*/
51	54	export const ANSWER_MESSAGE_ETC = 'ETC';
52	55
53		-/** 정답여부 한 줄이 갖는 노출 문구. 정답 선택지마다 하나씩 둔다. */
	56	+/** 정답여부 한 줄이 갖는 노출 문구. O·X 각각 하나씩 둔다. */
54	57	export type QuizAnswerMessage = {
55		- /** 어느 정답에 붙는 문구인지 — `QUIZ_ANSWER` 상세코드의 코드명. */
56		- answer: string;
57		- /** 정답별 문구 그룹의 상세코드값, 또는 `ANSWER_MESSAGE_ETC`. */
	58	+ /** 'O' 또는 'X'. 어느 쪽에 붙는 문구인지. */
	59	+ answer: QuizAnswer;
	60	+ /** 그 쪽 문구 그룹의 상세코드값, 또는 `ANSWER_MESSAGE_ETC`. */
58	61	code: string;
59	62	/** `code`가 기타일 때만 쓰는 직접 입력 문구. */
60	63	text: string;

Add a comment

Open 0
Closed 0

List

...	...	@@ -6,7 +6,6 @@
6	6	import { BackendRequestError } from '@/lib/http/backend-fetch';
7	7	import {
8	8	fetchQuizAnswerMessages,
9		- fetchQuizAnswerNames,
10	9	fetchSchoolGradeCodes,
11	10	} from '@/lib/data/repositories/common-code-repository';
12	11	import {
...	...	@@ -25,7 +24,11 @@
25	24	deleteQuiz,
26	25	updateQuiz,
27	26	} from '@/lib/data/repositories/content-quiz-repository';
28		-import { CONTENT_TYPE_CODE, type ContentKind } from '@/lib/domain/content';
	27	+import {
	28	+ CONTENT_TYPE_CODE,
	29	+ QUIZ_ANSWER_OPTIONS,
	30	+ type ContentKind,
	31	+} from '@/lib/domain/content';
29	32	import {
30	33	ContentInputError,
31	34	validateComicForm,
...	...	@@ -174,7 +177,7 @@
174	177	};
175	178	}
176	179
177		-function readQuizValues(formData: FormData, answerOptions: readonly string[]) {
	180	+function readQuizValues(formData: FormData) {
178	181	return {
179	182	schoolCode: readString(formData, 'schoolCode'),
180	183	grades: readGrades(formData),
...	...	@@ -182,8 +185,8 @@
182	185	keywords: readKeywords(formData),
183	186	question: readString(formData, 'question'),
184	187	answer: readString(formData, 'answer'),
185		- // 정답 선택지 줄을 각각 읽는다 — 정답이 아닌 쪽도 함께 보낸다.
186		- answerMessages: answerOptions.map((answer) => ({
	188	+ // O·X 두 줄을 각각 읽는다 — 정답이 아닌 쪽도 함께 보낸다.
	189	+ answerMessages: QUIZ_ANSWER_OPTIONS.map((answer) => ({
187	190	answer,
188	191	code: readString(formData, `answerMessage${answer}Code`),
189	192	text: readString(formData, `answerMessage${answer}Text`),
...	...	@@ -390,12 +393,10 @@
390	393	await verifySession();
391	394
392	395	const failed = await runWrite(async () => {
393		- const answerOptions = await fetchQuizAnswerNames();
394	396	const validation = validateQuizForm(
395		- readQuizValues(formData, answerOptions),
	397	+ readQuizValues(formData),
396	398	await fetchSchoolGradeCodes(),
397		- answerOptions,
398		- await fetchQuizAnswerMessages(answerOptions)
	399	+ await fetchQuizAnswerMessages()
399	400	);
400	401	if (!validation.ok) {
401	402	return { status: 'error', errors: validation.errors };
...	...	@@ -424,12 +425,10 @@
424	425	}
425	426
426	427	const failed = await runWrite(async () => {
427		- const answerOptions = await fetchQuizAnswerNames();
428	428	const validation = validateQuizForm(
429		- readQuizValues(formData, answerOptions),
	429	+ readQuizValues(formData),
430	430	await fetchSchoolGradeCodes(),
431		- answerOptions,
432		- await fetchQuizAnswerMessages(answerOptions)
	431	+ await fetchQuizAnswerMessages()
433	432	);
434	433	if (!validation.ok) {
435	434	return { status: 'error', errors: validation.errors };

...	...	@@ -6,8 +6,10 @@
6	6	import {
7	7	ANSWER_MESSAGE_ETC,
8	8	MIN_COMIC_CUTS,
	9	+ QUIZ_ANSWER_OPTIONS,
9	10	QUIZ_LEVEL_OPTIONS,
10	11	gradesOf,
	12	+ type QuizAnswer,
11	13	type ContentKeyword,
12	14	type QuizAnswerMessage,
13	15	type GradesBySchool,
...	...	@@ -234,8 +236,7 @@
234	236	export function validateQuizForm(
235	237	values: QuizFormValues,
236	238	codes: SchoolGradeOptions,
237		- answerOptions: readonly string[],
238		- messageOptionsByAnswer: Record<string, readonly CommonCode[]>
	239	+ messageOptionsByAnswer: Record<QuizAnswer, readonly CommonCode[]>
239	240	): ValidationResult<QuizFormValues> {
240	241	const errors: ContentFormErrors = {};
241	242	validateGrades(values, codes, errors);
...	...	@@ -243,7 +244,7 @@
243	244	if (!QUIZ_LEVEL_OPTIONS.some((option) => option.value === values.level)) {
244	245	errors.level = '난이도를 선택해 주세요.';
245	246	}
246		- if (!answerOptions.includes(values.answer)) {
	247	+ if (!(QUIZ_ANSWER_OPTIONS as readonly string[]).includes(values.answer)) {
247	248	errors.answer = '정답을 선택해 주세요.';
248	249	}
249	250
...	...	@@ -264,7 +265,7 @@
264	265
265	266	// 정답 선택지 줄을 각각 검사한다 — 정답이 아닌 쪽도 보내므로 모두 유효해야 한다.
266	267	const answerMessages = values.answerMessages.map((message) => {
267		- const allowedCodes = messageOptionsByAnswer[message.answer] ?? [];
	268	+ const allowedCodes = messageOptionsByAnswer[message.answer];
268	269	if (
269	270	message.code !== '' &&
270	271	message.code !== ANSWER_MESSAGE_ETC &&

...	...	@@ -3,7 +3,6 @@
3	3	import { verifySession } from '@/lib/auth/dal';
4	4	import {
5	5	fetchQuizAnswerMessages,
6		- fetchQuizAnswerNames,
7	6	fetchSchoolGradeCodes,
8	7	} from '@/lib/data/repositories/common-code-repository';
9	8	import { fetchQuizDetail } from '@/lib/data/repositories/content-quiz-repository';
...	...	@@ -19,12 +18,8 @@
19	18	export default async function Page({ params }: PageProps) {
20	19	await verifySession();
21	20
22		- const [{ schools, gradesBySchool }, answerOptions] = await Promise.all([
23		- fetchSchoolGradeCodes(),
24		- fetchQuizAnswerNames(),
25		- ]);
26		- // 문구 그룹 이름이 정답 코드명에서 나오므로 정답 목록을 받은 뒤에 조회한다.
27		- const messageOptionsByAnswer = await fetchQuizAnswerMessages(answerOptions);
	21	+ const [{ schools, gradesBySchool }, messageOptionsByAnswer] =
	22	+ await Promise.all([fetchSchoolGradeCodes(), fetchQuizAnswerMessages()]);
28	23
29	24	const { quizId } = await params;
30	25	const item = await fetchQuizDetail(quizId);
...	...	@@ -36,7 +31,6 @@
36	31	<QuizForm
37	32	schools={schools}
38	33	gradesBySchool={gradesBySchool}
39		- answerOptions={answerOptions}
40	34	messageOptionsByAnswer={messageOptionsByAnswer}
41	35	item={item}
42	36	/>

...	...	@@ -11,7 +11,9 @@
11	11	import { submitFormAction } from '@/app/_hooks/submit-form-action';
12	12	import {
13	13	ANSWER_MESSAGE_ETC,
	14	+ QUIZ_ANSWER_OPTIONS,
14	15	QUIZ_LEVEL_OPTIONS,
	16	+ type QuizAnswer,
15	17	type QuizItem,
16	18	type GradesBySchool,
17	19	} from '@/lib/domain/content';
...	...	@@ -34,29 +36,26 @@
34	36	interface QuizFormProps {
35	37	schools: readonly CommonCode[];
36	38	gradesBySchool: GradesBySchool;
37		- /** 공통코드 `QUIZ_ANSWER` 상세코드의 코드명 — 이 문자열이 그대로 저장된다. */
38		- answerOptions: readonly string[];
39	39	/**
40		- * 정답별 「노출할 문구」 선택지. O와 X의 목록이 달라 그룹이 갈린다
	40	+ * O·X 각각의 「노출할 문구」 선택지. 두 목록이 서로 달라 그룹이 갈린다
41	41	* (`QUIZ_ANSWER_O`·`QUIZ_ANSWER_X`).
42	42	*/
43		- messageOptionsByAnswer: Record<string, readonly CommonCode[]>;
	43	+ messageOptionsByAnswer: Record<QuizAnswer, readonly CommonCode[]>;
44	44	item?: QuizItem;
45	45	}
46	46
47	47	/**
48	48	* 콘텐츠 등록·수정 (금융OX퀴즈) — 시안 5402:12360.
49	49	*
50		- * 정답여부는 선택지(공통코드 `QUIZ_ANSWER`)마다 한 줄이고 각 줄이 「사용자에게 노출할
51		- * 문구」를 갖는다. 문구 선택지는 정답마다 다른 공통코드에서 온다 — O는 `QUIZ_ANSWER_O`,
52		- * X는 `QUIZ_ANSWER_X`다(사용자 확정). 문구는 모두 백엔드로 보낸다 — 정답이 아닌 쪽에도
53		- * 보여 줄 문구가 필요하기 때문이다. 「기타」를 고르면 문구를 직접 적고 그 값이 전송된다.
54		- * 앞의 라디오는 어느 쪽이 정답인지만 정한다.
	50	+ * 정답여부는 O·X 두 줄이고 각 줄이 「사용자에게 노출할 문구」를 갖는다. 문구 선택지는
	51	+ * O·X가 서로 다른 공통코드 그룹에서 온다 — `QUIZ_ANSWER_O` · `QUIZ_ANSWER_X`(사용자 확정).
	52	+ * 문구는 둘 다 백엔드로 보낸다 — 정답이 아닌 쪽에도 보여 줄 문구가 필요하기 때문이다.
	53	+ * 「기타」를 고르면 문구를 직접 적고 그 값이 전송된다. 앞의 라디오는 어느 쪽이 정답인지만
	54	+ * 정한다.
55	55	*/
56	56	export function QuizForm({
57	57	schools,
58	58	gradesBySchool,
59		- answerOptions,
60	59	messageOptionsByAnswer,
61	60	item,
62	61	}: QuizFormProps) {
...	...	@@ -65,26 +64,21 @@
65	64	isEdit ? updateQuizAction : createQuizAction,
66	65	INITIAL_CONTENT_FORM_STATE
67	66	);
68		- const [answer, setAnswer] = useState(item?.answer \|\| answerOptions[0] \|\| '');
69		- // 선택지 각각의 노출 문구. 정답이 아닌 쪽도 보내므로 선택지 수만큼 따로 들고 있는다.
70		- const [messages, setMessages] = useState<
71		- Record<string, { code: string; text: string }>
72		- >(() =>
73		- Object.fromEntries(
74		- answerOptions.map((option) => [
75		- option,
76		- // 코드가 아직 등록되지 않았을 수 있다 — 그때는 「기타」로 시작한다.
77		- {
78		- code: messageOptionsByAnswer[option]?.[0]?.code ?? ANSWER_MESSAGE_ETC,
79		- text: '',
80		- },
81		- ])
82		- )
	67	+ const [answer, setAnswer] = useState<string>(
	68	+ item?.answer \|\| QUIZ_ANSWER_OPTIONS[0]
83	69	);
	70	+ // O·X 각각의 노출 문구. 정답이 아닌 쪽도 보내므로 둘 다 따로 들고 있는다.
	71	+ const [messages, setMessages] = useState<
	72	+ Record<QuizAnswer, { code: string; text: string }>
	73	+ >(() => ({
	74	+ // 코드가 아직 등록되지 않았을 수 있다 — 그때는 「기타」로 시작한다.
	75	+ O: { code: messageOptionsByAnswer.O[0]?.code ?? ANSWER_MESSAGE_ETC, text: '' },
	76	+ X: { code: messageOptionsByAnswer.X[0]?.code ?? ANSWER_MESSAGE_ETC, text: '' },
	77	+ }));
84	78
85	79	/** 코드 목록 + 「기타」. 기타는 코드가 아니라 직접 입력을 여는 자리라 항상 뒤에 붙인다. */
86		- const messageOptionsOf = (option: string) => [
87		- ...(messageOptionsByAnswer[option] ?? []).map((code) => ({
	80	+ const messageOptionsOf = (option: QuizAnswer) => [
	81	+ ...messageOptionsByAnswer[option].map((code) => ({
88	82	value: code.code,
89	83	label: code.label,
90	84	})),
...	...	@@ -92,7 +86,7 @@
92	86	];
93	87
94	88	const patchMessage = (
95		- option: string,
	89	+ option: QuizAnswer,
96	90	patch: Partial<{ code: string; text: string }>
97	91	) =>
98	92	setMessages((current) => ({
...	...	@@ -103,12 +97,10 @@
103	97	const errors = state.status === 'error' ? (state.errors ?? {}) : {};
104	98	const answerError =
105	99	errors.answer ??
106		- answerOptions
107		- .flatMap((option) => [
108		- errors[`answerMessage${option}Code`],
109		- errors[`answerMessage${option}Text`],
110		- ])
111		- .find(Boolean);
	100	+ QUIZ_ANSWER_OPTIONS.flatMap((option) => [
	101	+ errors[`answerMessage${option}Code`],
	102	+ errors[`answerMessage${option}Text`],
	103	+ ]).find(Boolean);
112	104
113	105	return (
114	106	<>
...	...	@@ -180,7 +172,7 @@
180	172
181	173	<ContentFormRow label="정답여부" required>
182	174	<div className={styles.answerLines}>
183		- {answerOptions.map((option) => (
	175	+ {QUIZ_ANSWER_OPTIONS.map((option) => (
184	176	<div key={option} className={styles.inline}>
185	177	<FoxRadio
186	178	name="answer"

...	...	@@ -2,7 +2,6 @@
2	2	import { verifySession } from '@/lib/auth/dal';
3	3	import {
4	4	fetchQuizAnswerMessages,
5		- fetchQuizAnswerNames,
6	5	fetchSchoolGradeCodes,
7	6	} from '@/lib/data/repositories/common-code-repository';
8	7	import { QuizForm } from '../_components/quiz-form';
...	...	@@ -13,17 +12,12 @@
13	12	export default async function Page() {
14	13	await verifySession();
15	14
16		- const [{ schools, gradesBySchool }, answerOptions] = await Promise.all([
17		- fetchSchoolGradeCodes(),
18		- fetchQuizAnswerNames(),
19		- ]);
20		- // 문구 그룹 이름이 정답 코드명에서 나오므로 정답 목록을 받은 뒤에 조회한다.
21		- const messageOptionsByAnswer = await fetchQuizAnswerMessages(answerOptions);
	15	+ const [{ schools, gradesBySchool }, messageOptionsByAnswer] =
	16	+ await Promise.all([fetchSchoolGradeCodes(), fetchQuizAnswerMessages()]);
22	17	return (
23	18	<QuizForm
24	19	schools={schools}
25	20	gradesBySchool={gradesBySchool}
26		- answerOptions={answerOptions}
27	21	messageOptionsByAnswer={messageOptionsByAnswer}
28	22	/>
29	23	);

...	...	@@ -8,6 +8,7 @@
8	8	type CommonCodeDetail,
9	9	type CommonCodeGroup,
10	10	} from '@/lib/domain/common-code';
	11	+import type { QuizAnswer } from '@/lib/domain/content';
11	12	import type {
12	13	CommonCodeDetailValues,
13	14	CommonCodeGroupValues,
...	...	@@ -174,34 +175,16 @@
174	175	}
175	176
176	177	/**
177		- * OX퀴즈 정답여부 선택지 — 코드값(`comDtlCd`)이 아니라 코드명(`cdNm`)을 그대로 값으로
178		- * 화면·저장에 쓴다(사용자 확정). 백엔드 `CNTNTS_QUIZ_ANSWER`가 문자열을 받기 때문이다.
	178	+ * OX퀴즈 「사용자에게 노출할 문구」 선택지. O와 X가 서로 다른 목록이라 그룹을 둘 다 읽는다.
179	179	*/
180		-export async function fetchQuizAnswerNames(): Promise<string[]> {
181		- const details = await fetchCodeDetails(CODE_GROUP.quizAnswer);
182		- return details.map((detail) => detail.name);
183		-}
184		-
185		-/**
186		- * 정답별 「노출할 문구」 선택지. O와 X의 목록이 달라 그룹이 둘로 갈린다 —
187		- * `QUIZ_ANSWER_O` · `QUIZ_ANSWER_X`(사용자 확정).
188		- *
189		- * 정답 코드명(`O`/`X`)을 접미로 붙여 그룹 이름을 만든다. 정답 선택지가 늘면 같은 규칙으로
190		- * 그룹만 등록하면 화면은 손대지 않아도 된다.
191		- */
192		-export async function fetchQuizAnswerMessages(
193		- answerNames: readonly string[]
194		-): Promise<Record<string, CommonCode[]>> {
195		- const entries = await Promise.all(
196		- answerNames.map(
197		- async (answer) =>
198		- [
199		- answer,
200		- await fetchCommonCodes(`${CODE_GROUP.quizAnswer}_${answer}`),
201		- ] as const
202		- )
203		- );
204		- return Object.fromEntries(entries);
	180	+export async function fetchQuizAnswerMessages(): Promise<
	181	+ Record<QuizAnswer, CommonCode[]>
	182	+> {
	183	+ const [answerO, answerX] = await Promise.all([
	184	+ fetchCommonCodes(CODE_GROUP.quizAnswerMessage.O),
	185	+ fetchCommonCodes(CODE_GROUP.quizAnswerMessage.X),
	186	+ ]);
	187	+ return { O: answerO, X: answerX };
205	188	}
206	189
207	190	export type SchoolGradeCodes = {

Delete comment