모바일 개발 · 기초
React Native가 React (Web)와 가장 큰 차이점은 무엇이며, 이로 인해 어떤 개발 방식의 변화가 필요한가요?
힌트 · DOM 대신 네이티브 UI 컴포넌트를 사용하며, 웹 표준 CSS 대신 JavaScript로 스타일링합니다.
네이티브 컴포넌트브릿지쓰레딩 모델플랫폼 APIUI 렌더링 방식
모범답안
React Native와 React (Web)의 가장 큰 차이점은 UI 렌더링 방식입니다. React는 DOM을 사용하여 웹 브라우저에 UI를 그리지만, React Native는 네이티브 UI 컴포넌트를 사용하여 iOS나 Android와 같은 플랫폼의 UI를 직접 렌더링합니다.
이러한 차이점 때문에 개발 방식에 몇 가지 변화가 필요합니다. 예를 들어, 웹에서는 HTML 태그를 사용하지만 React Native에서는 <View>, <Text>, <Image>와 같은 네이티브 컴포넌트를 사용해야 합니다. 또한, 웹 표준 CSS 대신 JavaScript로 스타일링해야 하며, 플랫폼별 API를 직접 호출해야 하는 경우도 있습니다. React Native는 브릿지를 통해 JavaScript 코드와 네이티브 코드를 연결하며, 쓰레딩 모델도 웹과는 다르게 동작하므로 이를 고려하여 개발해야 합니다.
읽었다면, 이제 직접 답해볼 차례예요
패스잇 앱에서 이 질문에 말로 답하면 AI가 꼬리질문까지 이어가며 1:1 코칭합니다.
함께 보는 React Native 면접 질문
- React Native는 무엇이며, 모바일 애플리케이션 개발에 어떤 이점을 제공하나요?
- React Native에서 가장 기본적인 컴포넌트인 `View`와 `Text`의 역할은 무엇이며, 각각 어떤 용도로 사용되는지 설명해주세요.
- React Native에서 UI 컴포넌트에 스타일을 적용하는 일반적인 방법 중 `StyleSheet.create`를 사용하는 이유는 무엇인가요?
- React Native에서 레이아웃을 구성할 때 Flexbox를 활용하는 방법과 주요 속성 (예: `flexDirection`, `justifyContent`, `alignItems`)에 대해 설명해주세요.