본문 바로가기

반응형

2021/02

(4)
[react native] 메모장 앱 만들기(리스트 타입) import { StatusBar } from 'expo-status-bar'; import React, { useState } from 'react'; import { SafeAreaView, StyleSheet, Text, TextInput, TouchableOpacity, View, FlatList, Alert } from 'react-native'; export default function App() { const [writeMode, setWriteMode] = useState(false); const [txt, setTxt] = useState(''); const orimemo = [ { id:'1', memo:'안녕하세요.' }, { id:'2', memo:'서기입니다.' }, { id:'..
[react native] 메모(저장 및 불러오기) 앱 import { StatusBar } from 'expo-status-bar'; import React, {useEffect, useState, } from 'react'; import { StyleSheet, Text, View, SafeAreaView, Button, TextInput } from 'react-native'; import AsyncStorage from '@react-native-async-storage/async-storage'; export default function App() { const [txt, setTxt] = useState('안녕하세요.'); useEffect(() => { loadData(); }, []); const saveData = async (value) ..
[react native] 로또 번호 생성기 import { StatusBar } from 'expo-status-bar'; import React, { useEffect, useState } from 'react'; import { Button, StyleSheet, Text, View } from 'react-native'; export default function App() { const [lotto, setLotto] = useState([]); function makeLotto(){ let i = 0; let lnumber = []; let rnumber = 0; let lottos = []; let a = 0; for(i=1; i
[react native] 카운터 앱 import { StatusBar } from 'expo-status-bar'; import React, { useState } from 'react'; import { StyleSheet, Text, View, Button } from 'react-native'; export default function App() { const [cnt, setCnt] = useState(10); return ( 헬로우 리엑트 네이티브 {cnt} setCnt(cnt+1) }> setCnt(cnt-1) }> ); } const styles = StyleSheet.create({ container: { flex: 1, backgroundColor: '#fff', alignItems: 'center', justifyCon..

반응형