모바일 개발 · 기초
React Native에서 가장 기본적인 컴포넌트인 `View`와 `Text`의 역할은 무엇이며, 각각 어떤 용도로 사용되는지 설명해주세요.
힌트 · `View`는 컨테이너 역할을 하며, `Text`는 텍스트를 표시하는 데 사용됩니다.
레이아웃스타일링텍스트 렌더링컨테이너플렉스박스
모범답안
React Native에서 View와 Text는 가장 기본적인 컴포넌트입니다.
View는 웹 개발에서의 div와 유사하게, 다른 컴포넌트들을 감싸는 컨테이너 역할을 합니다. 레이아웃을 구성하고 스타일을 적용하는 데 사용되며, 플렉스박스 레이아웃을 기본적으로 지원합니다. 예를 들어, 여러 개의 Text 컴포넌트를 묶어서 화면에 배치할 때 View로 감싸서 스타일을 적용할 수 있습니다.
Text는 화면에 텍스트를 표시하는 데 사용되는 컴포넌트입니다. 텍스트의 스타일(폰트 크기, 색상 등)을 지정할 수 있으며, 다른 Text 컴포넌트를 중첩하여 특정 부분만 다른 스타일을 적용하는 것도 가능합니다.
간단히 말해, View는 레이아웃과 스타일링을 위한 컨테이너, Text는 텍스트 렌더링을 위한 컴포넌트입니다.
읽었다면, 이제 직접 답해볼 차례예요
패스잇 앱에서 이 질문에 말로 답하면 AI가 꼬리질문까지 이어가며 1:1 코칭합니다.
함께 보는 React Native 면접 질문
- React Native는 무엇이며, 모바일 애플리케이션 개발에 어떤 이점을 제공하나요?
- React Native가 React (Web)와 가장 큰 차이점은 무엇이며, 이로 인해 어떤 개발 방식의 변화가 필요한가요?
- React Native에서 UI 컴포넌트에 스타일을 적용하는 일반적인 방법 중 `StyleSheet.create`를 사용하는 이유는 무엇인가요?
- React Native에서 레이아웃을 구성할 때 Flexbox를 활용하는 방법과 주요 속성 (예: `flexDirection`, `justifyContent`, `alignItems`)에 대해 설명해주세요.
- React Native 컴포넌트에서 `state`와 `props`는 각각 어떤 역할을 하며, 이 둘의 주요 차이점은 무엇인가요?