# React Native 기초 (React Native)

> View, Text, Image, ScrollView, FlatList, StyleSheet, Flexbox 레이아웃

- 22 면접 질문
- Junior
- [면접 질문: React Native](https://sharpskill.dev/ko/technologies/react-native/interview-questions.md)

## 1. React Native에서 컨테이너를 만드는 데 사용되는 기본 컴포넌트는 무엇입니까?

**답변**

View 컴포넌트는 React Native의 기본 컨테이너로, HTML의 div에 해당합니다. 다른 컴포넌트를 그룹화하고 스타일을 적용하며 Flexbox로 레이아웃을 관리할 수 있습니다. 웹과 달리 React Native는 네이티브 컴포넌트(iOS의 UIView, Android의 android.view)로 변환되어야 하므로 div 대신 View를 사용합니다.

## 2. React Native에서 Text와 View의 주요 차이점은 무엇입니까?

**답변**

Text 컴포넌트는 React Native에서 텍스트를 표시할 수 있는 유일한 컴포넌트입니다. 어떤 요소든 텍스트를 담을 수 있는 웹과 달리, React Native는 모든 텍스트를 Text 컴포넌트로 감싸도록 요구합니다. View는 원시 텍스트를 직접 담을 수 없으며, 그렇게 하려고 하면 오류가 발생합니다.

## 3. React Native에서 로컬 이미지를 표시하려면 어떻게 합니까?

**답변**

React Native에서 로컬 이미지를 표시하려면 source prop과 require() 함수를 사용한 Image 컴포넌트를 사용합니다. 이 방식은 Metro 번들러가 빌드 시점에 이미지 경로를 해석하고 에셋을 최적화할 수 있게 해줍니다. 원격 이미지는 대신 uri 속성을 가진 객체를 사용합니다.

## 19개 추가 질문 이용 가능

- Image 컴포넌트로 원격 이미지(URL)를 표시하는 데 필요한 속성은 무엇입니까?
- ScrollView와 FlatList의 주요 차이점은 무엇입니까?

무료로 가입하기: https://sharpskill.dev/ko/login

## 기타 React Native 면접 주제

- [JavaScript 핵심](https://sharpskill.dev/ko/technologies/react-native/interview-questions/javascript-essentials.md): 25개 질문, Junior
- [React 기초](https://sharpskill.dev/ko/technologies/react-native/interview-questions/react-fundamentals.md): 20개 질문, Junior
- [React Hooks](https://sharpskill.dev/ko/technologies/react-native/interview-questions/react-hooks.md): 20개 질문, Junior
- [React 및 React Native를 위한 TypeScript](https://sharpskill.dev/ko/technologies/react-native/interview-questions/typescript-for-react-native.md): 22개 질문, Junior
- [React Native 컴포넌트 및 API](https://sharpskill.dev/ko/technologies/react-native/interview-questions/rn-components-api.md): 20개 질문, Junior
- [React Native 스타일링 및 레이아웃](https://sharpskill.dev/ko/technologies/react-native/interview-questions/rn-styling-layout.md): 18개 질문, Junior
- [React Native 내비게이션](https://sharpskill.dev/ko/technologies/react-native/interview-questions/rn-navigation.md): 22개 질문, Mid-Level
- [React Native 상태 관리](https://sharpskill.dev/ko/technologies/react-native/interview-questions/rn-state-management.md): 24개 질문, Mid-Level
- [React Native 네트워킹 및 API](https://sharpskill.dev/ko/technologies/react-native/interview-questions/rn-networking-api.md): 20개 질문, Mid-Level
- [데이터 영속성](https://sharpskill.dev/ko/technologies/react-native/interview-questions/rn-data-persistence.md): 20개 질문, Mid-Level
- [폼과 유효성 검사](https://sharpskill.dev/ko/technologies/react-native/interview-questions/rn-forms-validation.md): 18개 질문, Mid-Level
- [React Native 애니메이션](https://sharpskill.dev/ko/technologies/react-native/interview-questions/rn-animations.md): 22개 질문, Mid-Level
- [Native Modules & Bridge](https://sharpskill.dev/ko/technologies/react-native/interview-questions/rn-native-modules.md): 20개 질문, Mid-Level
- [플랫폼별 코드](https://sharpskill.dev/ko/technologies/react-native/interview-questions/rn-platform-specific-code.md): 18개 질문, Mid-Level
- [권한 및 디바이스 API](https://sharpskill.dev/ko/technologies/react-native/interview-questions/rn-permissions-apis.md): 20개 질문, Mid-Level
- [Push Notifications](https://sharpskill.dev/ko/technologies/react-native/interview-questions/rn-push-notifications.md): 18개 질문, Mid-Level
- [React Native 테스팅](https://sharpskill.dev/ko/technologies/react-native/interview-questions/rn-testing.md): 20개 질문, Mid-Level
- [React Native 디버깅](https://sharpskill.dev/ko/technologies/react-native/interview-questions/rn-debugging.md): 18개 질문, Mid-Level
- [Build & Deployment](https://sharpskill.dev/ko/technologies/react-native/interview-questions/rn-build-deployment.md): 20개 질문, Mid-Level
- [Expo vs React Native Bare](https://sharpskill.dev/ko/technologies/react-native/interview-questions/expo-vs-bare-rn.md): 18개 질문, Mid-Level
- [성능 최적화](https://sharpskill.dev/ko/technologies/react-native/interview-questions/rn-performance-optimization.md): 24개 질문, Senior
- [메모리 관리](https://sharpskill.dev/ko/technologies/react-native/interview-questions/rn-memory-management.md): 20개 질문, Senior
- [Architecture Patterns](https://sharpskill.dev/ko/technologies/react-native/interview-questions/rn-architecture-patterns.md): 22개 질문, Senior
- [React Native New Architecture](https://sharpskill.dev/ko/technologies/react-native/interview-questions/rn-new-architecture.md): 24개 질문, Senior
- [보안 모범 사례](https://sharpskill.dev/ko/technologies/react-native/interview-questions/rn-security-best-practices.md): 20개 질문, Senior
- [Offline-First Architecture](https://sharpskill.dev/ko/technologies/react-native/interview-questions/rn-offline-first.md): 20개 질문, Senior
- [React Native CI/CD](https://sharpskill.dev/ko/technologies/react-native/interview-questions/rn-ci-cd.md): 20개 질문, Senior
- [Monorepo와 코드 공유](https://sharpskill.dev/ko/technologies/react-native/interview-questions/rn-monorepo-architecture.md): 18개 질문, Senior
- [고급 주제](https://sharpskill.dev/ko/technologies/react-native/interview-questions/rn-advanced-topics.md): 22개 질문, Senior
- [앱 라이프사이클 및 백그라운드 실행](https://sharpskill.dev/ko/technologies/react-native/interview-questions/rn-app-lifecycle-background.md): 20개 질문, Mid-Level
- [인증 및 세션 관리](https://sharpskill.dev/ko/technologies/react-native/interview-questions/rn-auth-session-management.md): 22개 질문, Mid-Level
- [Monitoring & Crash Reporting](https://sharpskill.dev/ko/technologies/react-native/interview-questions/rn-monitoring-crash-reporting.md): 20개 질문, Senior

---

Source: SharpSkill (https://sharpskill.dev), tech interview preparation for your real stack.
HTML version of this page: https://sharpskill.dev/ko/technologies/react-native/interview-questions/react-native-basics