React Native

폼과 유효성 검사

React Hook Form, Formik, Yup 유효성 검사, controlled vs uncontrolled input, 에러 처리

18 면접 질문·
Mid-Level
1

React Native에서 controlled input과 uncontrolled input의 주요 차이점은 무엇인가요?

답변

controlled input은 value와 onChangeText props를 통해 React state로 관리되어 언제든지 값을 완전히 제어할 수 있습니다. uncontrolled input은 ref를 사용해 React state를 거치지 않고 값에 직접 접근합니다. controlled input은 실시간 유효성 검사와 애플리케이션 state와의 동기화를 쉽게 해주기 때문에 권장됩니다.

2

input을 등록하고 유효성 검사를 처리하는 데 사용하는 React Hook Form 훅은 무엇인가요?

답변

React Hook Form의 useForm 훅은 여러 메서드와 속성을 담은 객체를 반환합니다. register 메서드는 폼에 input을 등록하고 유효성 검사 규칙을 부여할 수 있게 해줍니다. input을 폼 관리 시스템에 연결하는 데 필요한 props(onChange, onBlur, ref)를 반환합니다.

3

Yup으로 이메일 유효성 검사 스키마를 어떻게 정의하나요?

답변

Yup은 유효성 검사 스키마를 정의하기 위해 체이닝 가능한 API를 사용합니다. 이메일을 검증하려면 yup.string()으로 타입을 정의하고, .email()을 체이닝해 이메일 형식을 검증하며, 선택적으로 .required()로 필드를 필수로 만듭니다. 이러한 선언적 접근 방식은 읽기 쉽고 재사용 가능한 유효성 검사를 만들 수 있게 해줍니다.

4

Formik에서 폼의 초기값을 정의하는 데 사용하는 prop은 무엇인가요?

5

Formik과 비교했을 때 React Hook Form의 주요 성능상 이점은 무엇인가요?

+15 면접 질문

다음 면접을 위해 React Native을 마스터하세요

모든 질문, flashcards, 기술 테스트, 코드 리뷰 연습, 면접 시뮬레이터에 접근하세요.

무료로 시작하기