From 08760fdf963847cb0bccfbb0970fc1070e4405b7 Mon Sep 17 00:00:00 2001 From: "focp212@naver.com" Date: Thu, 20 Nov 2025 18:03:39 +0900 Subject: [PATCH] test --- .../ui/masked-input/masked-name-input.tsx | 27 ++----------------- 1 file changed, 2 insertions(+), 25 deletions(-) diff --git a/src/shared/ui/masked-input/masked-name-input.tsx b/src/shared/ui/masked-input/masked-name-input.tsx index bfb33bc..33f546c 100644 --- a/src/shared/ui/masked-input/masked-name-input.tsx +++ b/src/shared/ui/masked-input/masked-name-input.tsx @@ -24,28 +24,7 @@ export const MaskedNameInput = ({ className={className} value={isComposing ? value : getMaskedName(value)} placeholder={placeholder} - onKeyDown={(e) => { - // 스페이스바 입력 차단 - if (e.key === ' ') { - e.preventDefault(); - } - // 백스페이스 처리 (composition 중이 아닐 때만) - else if (e.key === 'Backspace' && !isComposing) { - e.preventDefault(); - onChange(value.slice(0, -1)); - } - // 영문자 입력 처리 (composition 중이 아닐 때만) - else if (!isComposing && !e.ctrlKey) { - if (/^[a-zA-Z]$/.test(e.key)) { - onChange(value + e.key); - e.preventDefault(); - } - // 한글이 아닌 다른 문자는 차단 - else if (!/^[ㄱ-ㅎㅏ-ㅣ가-힣]$/.test(e.key)) { - e.preventDefault(); - } - } - }} + onCompositionStart={() => setIsComposing(true)} onCompositionEnd={(e: any) => { setIsComposing(false); @@ -54,11 +33,9 @@ export const MaskedNameInput = ({ onChange(valueWithoutSpace); }} onChange={(e: ChangeEvent) => { - if (isComposing) { - // composition 중에는 스페이스 제거 const valueWithoutSpace = e.target.value.replace(/\s/g, ''); onChange(valueWithoutSpace); - } + }} onFocus={onFocus} />