숫자 칸에서 한 글자마다 커서가 풀리던 것 · 비율 상한 복구

[Jay722J]

Closes #297

① 커서가 풀렸다

Field 를 렌더 안에서 만들고 있었다. React 는 컴포넌트 타입이 바뀌면 그 자리를 헐고 다시 짓는다 — 렌더마다 새 함수라 <input> 이 매번 새로 생겼다.

전:  Field={({ label, children }) => (...)}   // 렌더마다 새 타입
후:  Field={PlainField}                        // 모듈 바깥에 한 번만

② 전면 조사 결과

입력칸 51개가 있는 화면 전체(.tsx 전부)를 세 가지 기준으로 훑었다:

검사	결과
prop 으로 넘기는 인라인 컴포넌트	1건 — 이번 것
함수 안에서 선언하고 JSX 로 쓰는 컴포넌트	0건
입력칸에 붙은 값 기반 key	0건

리스트의 key={q.id} · key={o.value} 는 안정적인 식별자라 무관하다.

③ 비율 상한이 빠져 있었다

예전 팝업의 max={100} 이 공용 조각으로 옮기면서 사라졌다. 실제로 2468% 가 먹혔다 — 선수금이 나눠 가질 몫을 넘어 할부원금이 음수가 된다. 금액 칸과 같은 규칙으로 0~100 으로 누른다.

확인한 것

진짜 컴포넌트를 띄워 사람이 치듯 한 글자씩 넣고 매 타에 포커스를 확인했다:

	전	후
2→24→246→2468	매 타 포커스 상실	한 번도 안 잃음
비율 2468% 입력	금액 703,342,980 (몫 초과)	100% / 28,498,500

회귀 가드

화면 전체를 훑는다 — 이런 실수는 타입 오류도 콘솔 경고도 아니라, 한 곳만 보게 두면 다음에 또 샌다.

셋을 되살려 실제로 잡히는 것을 확인했다:

되살린 버그	잡히는가
인라인 Field 로 복귀	✅
컴포넌트를 함수 안에 선언	✅
비율 상한 제거	✅

「훑을 파일이 실제로 있다」는 검사도 넣었다 — 파일 수집이 깨지면 빈손으로 통과할 수 있다.

기존 실패 9건은 이 브랜치와 무관.