React Native 스타일링 및 레이아웃
Flexbox, 절대 위치 지정, 반응형 디자인, safe area, 플랫폼별 스타일
18 면접 질문·
Junior
1React Native에서 flexDirection의 기본값은 무엇인가요?
1
React Native에서 flexDirection의 기본값은 무엇인가요?
답변
React Native에서는 'row'가 기본값인 웹과 달리 flexDirection의 기본값이 'column'입니다. 즉, 자식 요소가 기본적으로 위에서 아래로 수직 배치됩니다. 이러한 차이는 수직 레이아웃이 더 흔한 모바일 인터페이스의 일반적인 관례를 반영합니다.
2React Native에서 재사용 가능한 스타일을 만들려면 어떻게 해야 하나요?
2
React Native에서 재사용 가능한 스타일을 만들려면 어떻게 해야 하나요?
답변
StyleSheet.create()는 React Native에서 스타일을 만드는 권장 방법입니다. 여러 컴포넌트에서 재사용할 수 있는 스타일 객체를 정의할 수 있습니다. 이 방식은 시작 시 스타일을 한 번만 검증하고 렌더링할 때마다 객체를 다시 만드는 대신 ID로 참조하여 성능을 최적화합니다.
3요소를 컨테이너 내에서 가로와 세로 모두 가운데 정렬하려면 어떤 속성을 사용하나요?
3
요소를 컨테이너 내에서 가로와 세로 모두 가운데 정렬하려면 어떤 속성을 사용하나요?
답변
요소를 양쪽 축으로 가운데 정렬하려면 justifyContent: 'center'(주축)와 alignItems: 'center'(교차축)를 결합해야 합니다. 기본 flexDirection('column')에서는 justifyContent가 세로로, alignItems가 가로로 가운데 정렬합니다. 이 두 속성이 함께 작동하여 완벽한 가운데 정렬을 구현합니다.
4
React Native에서 치수에 기본적으로 사용되는 측정 단위는 무엇인가요?
5
부모를 기준으로 요소를 절대 위치로 배치할 수 있는 속성은 무엇인가요?
+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 내비게이션
Mid-Level
22개 질문React Native 상태 관리
Mid-Level
24개 질문React Native 네트워킹 및 API
Mid-Level
20개 질문데이터 영속성
Mid-Level
20개 질문폼과 유효성 검사
Mid-Level
18개 질문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개 질문