const onChange = (e: React.ChangeEvent<HTMLInputElement>) => { setValue(e.target.value); };
input값을 value라고 하면
value.replace(/<br\s*\/?>/gm, "\n").length
이 값이 실시간 input의 문자 개수가 된다.
이렇게 공백문자와 특수문자 모두 카운트해준다.
+) maxLength 속성을 추가해서 12자 이상 작성하지 못하게 막았다.