me made it !

아직도 Axios 에서 헤매고 있는 사람의 글.. - 오늘 기아 경기 5시간 해놓고 못 이겨서 충격받은 사람

1. 앱 재실행시 마지막 위치 기억하고 그 시점부터 다시 실행 2. 끝나거나 완료된 todo 는 표시하는 function 만들기 3. 유저가 text를 수정할 수 있게 하기 const editToDo = (key) => { const [toDos, setToDos] = React.useState(loadToDos); const [text, setText] = React.useState(""); // 수정 중인 TODO 항목의 초기값 // 수정 중인 TODO 항목을 찾는 함수 const findToDo = (key) => { return toDos.find((todo) => todo.key === key); }; // 수정 중인 TODO 항목의 초기값 설정 React.useEffect(() => { con..

https://youtu.be/fveEPz_tj_I

const deleteToDo = async (key) => { Alert.alert("Delete To Do?", "Are you sure?", [ {text: "Cancel"}, {text: "I'm Sure", onPress: async () => { return const newToDos = {...toDos} delete newToDos[key] setToDos(newToDos); await saveToDos(newToDos); } }, ]);

import { StatusBar } from 'expo-status-bar'; import React, { useEffect, useState } from 'react'; import { StyleSheet, Text, View, TouchableOpacity, TouchableHighlight, TouchableWithoutFeedback, TextInput, Pressable, ScrollView } from 'react-native'; import { theme } from "./colors"; import AsyncStorage from '@react-native-async-storage/async-storage'; const STORAGE_KEY = "@toDos"; export default..

Object.assign() 는 무엇이냐? https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Global_Objects/Object/assign Object.assign() - JavaScript | MDN Object.assign() 메서드는 출처 객체들의 모든 열거 가능한 자체 속성 (en-US)을 복사해 대상 객체에 붙여넣습니다. 그 후 대상 객체를 반환합니다. developer.mozilla.org const newToDos = Object.assign( {}, toDos, { [Date.now()]: {text, work:working} }); setToDos(newToDos); setText(""); const newToDos = ..

import { StatusBar } from 'expo-status-bar'; import React from 'react'; import { StyleSheet, Text, View, TouchableOpacity, TouchableHighlight, TouchableWithoutFeedback, Pressable } from 'react-native'; import { theme } from "./colors"; export default function App() { return ( Work console.log("pressed")}> Travel ); } const styles = StyleSheet.create({ container: { flex: 1, backgroundColor: theme..

import { StatusBar } from 'expo-status-bar'; import React from 'react'; import { StyleSheet, Text, View, TouchableOpacity, TouchableHighlight, TouchableWithoutFeedback, Pressable } from 'react-native'; import { theme } from "./colors"; export default function App() { return ( Work console.log("pressed")}> Travel ); } const styles = StyleSheet.create({ container: { flex: 1, backgroundColor: theme..

import * as Location from "expo-location" import React, { useEffect, useState } from "react"; import {View, Text, Dimensions, StyleSheet, ScrollView, ActivityIndicator} from 'react-native'; const { width : SCREEN_WIDTH } = Dimensions.get('window'); const API_KEY = "f80a82d6f4ca6e9ecaeb1386c05dfb87" export default function App() { const [city, setCity] = useState("Loading...") const [days, setDay..

import * as Location from "expo-location" import React, { useEffect, useState } from "react"; import {View, Text, Dimensions, StyleSheet, ScrollView} from 'react-native'; const { width : SCREEN_WIDTH } = Dimensions.get('window'); export default function App() { const [city, setCity] = useState("Loading...") const [location, setLocation] = useState(); const [ok, setOk] = useState(true); const ask..