회원가입 폼 변경관련문의입니다.

로드맵 루트로 쭉 강의를 듣고 쇼핑몰강의 차례인데요.

회원가입 부분과 로그인부분은 이전 강의와 다르게 yup을 사용하셨더라구요.

유효성 검증때문에 yup 사용하신것같은데, 

저는 이 회원가입 항목 중 휴대전화 항목을 추가하려 하는데요.

이때

1.핸드폰번호 입력 시 자동으로 하이픈이 생길 수 있도록 funtion 을 넣어주는 방법

2.핸드폰항목을 input 하나가 아닌 select (010) + input box 2개 ( 1234, 1234) 사용

이 두 가지 항목을 해볼까 했는데, 두 개 다 너무 헷갈리더라구요.

1번 방식으로 해볼 시 funtion 선언 위치와 불러오는 방식은 어떻게 처리해야하는지? 

2번 방식으로 해볼 시 input box 사이즈 조절의 문제..( input 안에 size 나 style  적용이 안되는 문제 )

가 있더라구요. 이 부분 어떻게 처리해야하는지 궁금합니다.