네이티브
-
React Native 컴포넌트 Function Component / Class Component 차이개발 공부/혼자 하는 리액트 네이티브 2023. 2. 3. 00:07
컴포넌트란 쉽게 말하면 OOP 에서 하나의 object 같은 존재다. 중복되는 디자인과 속성을 component 로 만들면 페이지에서 import 하여 굳이 여러번 반복하여 디자인과 속성을 쓰지 않아도 component 를 이용하려 쉽게 페이지를 만드는 것 가능하다. 중복되지 않는 디테일은 props 나 state 를 parameter 처럼 전달해 바꿔가며 사용이 가능하다. 예를 들기 위해 아래 CircleImageWithLabel 라는 component 를 만들었다. 이미지를 동그랗게 display 하고 그 아래 text 를 배치하는 것인데 이미지와 text 의 내용을 props 로 전달 받아 페이지마다 적절하게 사용이 가능하다. 사용법은 아래와 같다. CircleImageWithLabel이 내가 만든..