앱제작 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()..
#JS복습 - 자바스크립트 화살표 함수, 배열메소드, map자료형
화살표함수 연습하기 1 function add (a,b,c,d,e) { return a+b+c+d+e; } let addArrow = (a,b,c,d,e) =>{ //화살표함수! 위와 동일한 기능 return a+b+c+d+e; }; let result = 0; result = addArrow(1,2,3,4,5); console.log(result); 배열 메소드 let arr1 = new Array(1,2,3); //1번째 방법 let arr2 = ["1","2","3"]; // 빈 배열을 선언 console.log(arr1); console.log(arr2); let arr2D = [ [1,2,3], [4,5,6], [7,8,9] ]; console.log(arr2D[1][1]); //5 출력 /* ..
