공부/React & React Native14 [0804] React-Native 강의 정리 Section 3 : List Building - With Style! React에서 어떻게 List를 표현할 것인가? : React Native에서 제공하는 Primitive Element인 FlatList 사용 FlatList : 배열을 받아서 Element의 리스트로 변환함. → data와 renderItem prop을 필요로 함. → data : 리스트 형태로 표현할 데이터들 → renderItem : 각 item을 element로 바꿀 함수 const Screen = () => { const fruits = [ { name: 'Fruit 1' }, { name: 'Fruit 2' }, { name: 'Fruit 3' }, { name: 'Fruit 4' }, { name: 'Fruit 5' },.. 2021. 8. 5. [0803] React Native 강의 정리 좋은 기회가 생겨 React Native를 공부하고, 강의를 듣게 되었다. Notion에 필기를 하며 듣기로 했기 때문에 틈틈이 기록한 내용을 블로그에 백업하기로. Section 2 : Working with Content Component : 사용자에게 content를 보여주기 위해 사용. → 프로젝트 내 여러 파일을 통해 만들어짐. 컴포넌트 파일의 구성 1. 컴포넌트를 만드는 데에 필요한 라이브러리를 Import. 2. 'JSX'를 반환하는 함수를 통해 컴포넌트 생성. 3. 컴포넌트에 대한 StyleSheet 작성. 4. 프로젝트 내에서 사용할 수 있도록 컴포넌트를 Export. import React from 'react'; //react 라이브러리 전체를 가져오기 위해 import { Text, .. 2021. 8. 4. 이전 1 2 3 다음