본문으로 건너뛰기

"input" 태그로 연결된 1개 게시물개의 게시물이 있습니다.

모든 태그 보기

React 숫자 입력, 검증을 어디에서 할 것인가

· 약 5분

zod, react-hook-form, <input type="number">. 숫자 입력 처리를 검색하면 늘 같은 후보들이 나온다. 그런데 페이지 점프 input 하나를 만들면서 든 생각은, 이런 도구를 꺼내기 전에 검증의 위치를 먼저 정해야 한다는 것이었다.

결론부터 말하면 입력 시점에서 막아버리면 변환 시점은 두 줄로 끝난다. 왜 그 두 줄로 충분한지가 이 글의 주제다.