앱제작 ４ - 메뉴 추가 컴포넌트 작성하기 ｓｔａｔｅ
１． ｕｓｅＳｔａｔｅ 는 ｉｍｐｏｒｔ 필요 ２． ｕｓｅＳｔａｔｅ를 초기화 해준다． ３． ｏｎＰｒｅｓｓ 동작 함수 안에 ｉｎｐｕｔＬｉｓｔ가 추가될 수 있도록 코드 작성 ＭｅｎｕＩｎｐｕｔｆｕｎｃ．ｊｓｘ import React, {useState} from 'react'; //component 클래스 필요 없다. import { StyleSheet, Text, View, Image, TextInput, Button, Alert, ScaolView, SafeAreaView, //아이폰 기종에 따른 위에 공백때문에 ScrollView, TouchableOpacity, } from 'react-native'; const MenuInputFunc = () => { //화살표 함수 const [inputList, se..
앱제작 3 - 함수형 컴포넌트 만들기
현재 reactnative는 주로 함수형 컴포넌트로 작성되고 있다. 새로 나오는 많은 JS 라이브러리는 함수형에 대응해서 라이브러리가 많이 나옴 render 함수에서 어차피 컴포넌트를 조합해서 출력한다. 해당 동작 자체가 함수로 동작한다. 컴포넌트 자체를 함수로 만들면 되지 않을까 ? = '함수형 컴포넌트' 의 탄생 App.js import { StatusBar } from 'expo-status-bar'; import React from 'react'; import { StyleSheet, Text, View, Image, TextInput, Button, Alert, ScaolView, SafeAreaView, //아이폰 기종에 따른 위에 공백때문에 ScrollView, TouchableOpacity..
앱제작 2 - 클래스형 컴포넌트 만들기
1. app.js 파일에서 메뉴를 받을 수 있는 MenuInput 파일을 import 한다. ScrollView 태그 안에 을 통해 불러오기 한다. import { StatusBar } from 'expo-status-bar'; import React from 'react'; import { StyleSheet, Text, View, Image, TextInput, Button, Alert, ScaolView, SafeAreaView, //아이폰 기종에 따른 위에 공백때문에 ScrollView, TouchableOpacity, } from 'react-native'; import MenuInput from './components/MenuInput'; export default function App()..
