[React Native] 1-0. Component와 API 톺아보기

[React Native] 0-4. 시작하기

1. 부터 Component와 API를 톺아볼까요?

React Native에서는 화면을 구성하기 위해 다양한 Component들을 제공해요. 

이 Component들은 놀랍게도, 각 OS 환경에서 맞는 Native Component로 변환되어 동작하는데요.

예를 들어 위 그림과 같이 메뉴 항목을 React Native Component로 표현하자면,

// React Native Component로 만들어 진 예.
function MenuItem() {

...

return (<View>
			<Image />
			<Text />
		<View />
)}

위와 같은 모습으로 작성할 수 있어요. 이는 Android와 iOS에서 각각 아래와 같이 변환 돼요.

// Android
<ViewGroup>
	<ImageView />
	<TextView />
</ViewGroup>


//iOS
<UIView>
	<UIImageView />
	<UITextView />
</UIView>

이러한 방식은 React Native 핵심이라고 볼 수 있어요.

 

React Native는 쉽게 앱을 만들 수 있게 다양한 Component들을 지원하고 있어요. 우리는 Component들과 API들을 하나씩 살펴볼 예정이에요!

 

React Native 문서에서는 이를 좀 더 자세히 확인 할 수 있으니 먼저 살펴보는 것도 좋아요.

https://reactnative.dev/docs/components-and-apis

 

그럼 다음 글부터 컴포넌트를 하나씩 살펴보도록 할게요!