개요 프로젝트에서 숫자를 입력해야 하는 페이지가 있었다. 커서를 대면 자동으로 키패드가 뜨게 하려고 inputtype을 "number"로 설정했는데 안드로이드에서는 잘 적용이 되지만 IOS에서는 키패드가 아닌 일반 자판이 뜬다고 한다.. 해결법 inputtype 이외에 별도로 inputmode="numeric" 을 해주면 된다..! 만약, 키패드에 숫자와 함께 .(온점) 을 넣고 싶다면 numeric 대신 decimal을 넣어주면 된다.

개요 input 태그에 type을 숫자로 설정하고, maxLength = {1}로 했는데 숫자를 계속 입력할 수가 있었다... 알고보니, maxLength는 최대 "문자" 길이이기 때문에 input type = "number"일 때는 적용되지 않는다...! 해결법 input 태그 안에 아래 코드를 넣어주면 해결된다..! onInput={(e) => { if (e.target.value.length > e.target.maxLength) e.target.value = e.target.value.slice(0, e.target.maxLength); }} maxLength보다 value가 크면 더 큰 부분을 잘라내는 코드다. 전체 input 태그를 보면 아래와 같다. { if (e.target.value.le..