리펙토링: 코드 최적화

This commit is contained in:
2026-05-27 18:15:27 +09:00
parent 326da377c9
commit 4d6fb49cba
5 changed files with 30 additions and 91 deletions
+11 -10
View File
@@ -11,10 +11,11 @@ import {
} from "react";
import type { FocusEvent, FormEvent } from "react";
import { DESKTOP_INPUT_DEVICE_QUERY } from "@/lib/input-device";
export type ActiveAnswerInput = 0 | 1;
const ANSWER_INPUT_PATTERN = /^-?\d*(?:\.\d*)?$/;
const DESKTOP_INPUT_DEVICE_QUERY = "(any-hover: hover) and (any-pointer: fine)";
const KEYPAD_KEYS = [
"1",
"2",
@@ -290,15 +291,6 @@ const AnswerForm = forwardRef<AnswerFormHandle, AnswerFormProps>(function Answer
{key}
</button>
))}
<button
type="button"
onPointerDown={(event) => event.preventDefault()}
onClick={deleteLastCharacter}
aria-label={`${activeLabel} 마지막 글자 삭제`}
className="inline-flex h-12 items-center justify-center rounded-md border border-slate-300 bg-white text-xl font-semibold text-slate-800 shadow-sm transition hover:bg-slate-100 focus:outline-none focus:ring-2 focus:ring-emerald-500 focus:ring-offset-2"
>
</button>
<button
type="button"
onPointerDown={(event) => event.preventDefault()}
@@ -308,6 +300,15 @@ const AnswerForm = forwardRef<AnswerFormHandle, AnswerFormProps>(function Answer
>
.
</button>
<button
type="button"
onPointerDown={(event) => event.preventDefault()}
onClick={deleteLastCharacter}
aria-label={`${activeLabel} 마지막 글자 삭제`}
className="inline-flex h-12 items-center justify-center rounded-md border border-slate-300 bg-white text-xl font-semibold text-slate-800 shadow-sm transition hover:bg-slate-100 focus:outline-none focus:ring-2 focus:ring-emerald-500 focus:ring-offset-2"
>
</button>
<button
type="button"
onPointerDown={(event) => event.preventDefault()}