- 민영님의 팀 데이터에 그룹바잉 아이디가 있어서 송은님이 넘겨줬다.
- 프록시 서버에 웹소켓을 등록해야 한다.
- 모바일에서 하이픈 입력이 안된다.
//자동 하이픈 생성
const { register, handleSubmit, control, setValue } = methods;
function handleChangePhoneNumber(e) {
let value = e.target.value.replace(/\\D/g, ''); // 숫자만 남기기
if (value.length > 10) value = value.slice(0, 11); // 11자리까지만 허용
const formattedValue = value.replace(/(\\d{3})(\\d{4})(\\d{4})/, '$1-$2-$3'); // 010-1234-5678 형식으로 변환
setValue('phoneNumber', formattedValue);
}
<Controller
control={control}
render={({ field }) => (
<Input
{...field}
id="phoneNumber"
type="tel"
size="large"
label="연락처"
onBlur={() => {
field.onBlur();
}}
onChange={handleChangePhoneNumber}
isError={errors.phoneNumber && true}
labelStyle={'label'}
placeholder="000-0000-0000 형식으로 입력해주세요"
defaultValue={userData?.phoneNumber}
/>
)}
{...register('phoneNumber')}
/>
{errors.phoneNumber && <span className={styles.errorText}>{errors.phoneNumber.message}</span>}