폼과 유효성 검사
React Hook Form, Formik, Yup 유효성 검사, controlled vs uncontrolled input, 에러 처리
18 면접 질문·
Mid-Level
1React Native에서 controlled input과 uncontrolled input의 주요 차이점은 무엇인가요?
1
React Native에서 controlled input과 uncontrolled input의 주요 차이점은 무엇인가요?
답변
controlled input은 value와 onChangeText props를 통해 React state로 관리되어 언제든지 값을 완전히 제어할 수 있습니다. uncontrolled input은 ref를 사용해 React state를 거치지 않고 값에 직접 접근합니다. controlled input은 실시간 유효성 검사와 애플리케이션 state와의 동기화를 쉽게 해주기 때문에 권장됩니다.
2input을 등록하고 유효성 검사를 처리하는 데 사용하는 React Hook Form 훅은 무엇인가요?
2
input을 등록하고 유효성 검사를 처리하는 데 사용하는 React Hook Form 훅은 무엇인가요?
답변
React Hook Form의 useForm 훅은 여러 메서드와 속성을 담은 객체를 반환합니다. register 메서드는 폼에 input을 등록하고 유효성 검사 규칙을 부여할 수 있게 해줍니다. input을 폼 관리 시스템에 연결하는 데 필요한 props(onChange, onBlur, ref)를 반환합니다.
3Yup으로 이메일 유효성 검사 스키마를 어떻게 정의하나요?
3
Yup으로 이메일 유효성 검사 스키마를 어떻게 정의하나요?
답변
Yup은 유효성 검사 스키마를 정의하기 위해 체이닝 가능한 API를 사용합니다. 이메일을 검증하려면 yup.string()으로 타입을 정의하고, .email()을 체이닝해 이메일 형식을 검증하며, 선택적으로 .required()로 필드를 필수로 만듭니다. 이러한 선언적 접근 방식은 읽기 쉽고 재사용 가능한 유효성 검사를 만들 수 있게 해줍니다.
4
Formik에서 폼의 초기값을 정의하는 데 사용하는 prop은 무엇인가요?
5
Formik과 비교했을 때 React Hook Form의 주요 성능상 이점은 무엇인가요?
+15 면접 질문
기타 React Native 면접 주제
JavaScript 핵심
Junior
25개 질문React 기초
Junior
20개 질문React Native 기초
Junior
22개 질문React Hooks
Junior
20개 질문React 및 React Native를 위한 TypeScript
Junior
22개 질문React Native 컴포넌트 및 API
Junior
20개 질문React Native 스타일링 및 레이아웃
Junior
18개 질문React Native 내비게이션
Mid-Level
22개 질문React Native 상태 관리
Mid-Level
24개 질문React Native 네트워킹 및 API
Mid-Level
20개 질문데이터 영속성
Mid-Level
20개 질문React Native 애니메이션
Mid-Level
22개 질문Native Modules & Bridge
Mid-Level
20개 질문플랫폼별 코드
Mid-Level
18개 질문권한 및 디바이스 API
Mid-Level
20개 질문Push Notifications
Mid-Level
18개 질문React Native 테스팅
Mid-Level
20개 질문React Native 디버깅
Mid-Level
18개 질문Build & Deployment
Mid-Level
20개 질문Expo vs React Native Bare
Mid-Level
18개 질문성능 최적화
Senior
24개 질문메모리 관리
Senior
20개 질문Architecture Patterns
Senior
22개 질문React Native New Architecture
Senior
24개 질문보안 모범 사례
Senior
20개 질문Offline-First Architecture
Senior
20개 질문React Native CI/CD
Senior
20개 질문Monorepo와 코드 공유
Senior
18개 질문고급 주제
Senior
22개 질문앱 라이프사이클 및 백그라운드 실행
Mid-Level
20개 질문인증 및 세션 관리
Mid-Level
22개 질문Monitoring & Crash Reporting
Senior
20개 질문