[React Native] 기초 개념 정리

리액트 네이티브는 React.js 라이브러리 기반으로 만들어진 프레임워크로 기본적인 구조는 리액트와 닮아있으며 대표적으로 4가지로 정리할 수 있습니다.

 

1. 컴포넌트(Component)

UI의 한 부분, 부분들을 재사용이 가능하도록 조각내어 운영하는 기법으로

버튼 하나가 컴포넌트가 될 수 있고, 버튼을 모아둔 영역도, 화면 전체도 컴포넌트가 될 수 있습니다.

즉 화면의 모든 부분을 컴포넌트라 할수있습니다.

 

2. 속성(Props)

키와 밸류 형태의 데이터를 컴포넌트에 전달하는 것

<Text numberOfLines={1}>{content.title}</Text>
//numberOfLines={1} > Text의 속성
//키 > numberOfLines
//밸류 > 1

 

3. 상태(State)

컴포넌트에서 보유하거나 관리되는 데이터를 상태(State)라고 합니다.

useState로 생성하고 setState 함수로 변경 할 수 있습니다.

 

UI = component(state)

화면 = 요소(데이터)

사용자 화면(UI)은 컴포넌트(component)에 어떤 데이터(state)가 들어가는지에 따라 변경된다.

 

4. useEffect

useEffect(()=>{
	//화면이 그려진 후 가장 먼저 실행되어야 할 코드
},[])