Dev갱이 Dev갱이

특별한 오류 내용 없이 그냥 앱 실행이 안됨. 흠.... 코드가 문제가 있는거 같다. 앱 껍데기는 딱히 오류가 안난다. expo -g expo-cli 업데이트도 하고 node nts 버전 업데이트도 한상태임. 앱 내에 소스코드가 문제였다. 빈페이지 앱패키징 하면 빌드 잘됨 apk 앱설치도 잘됨

https://www.youtube.com/watch?v=mMzhWXr9ass https://www.youtube.com/watch?v=7ujSgXRnyig 리액트 네이티브 리액트 네비게이션 공부하기 https://www.youtube.com/watch?v=KL2SpTY9pl4&list=PLcaKom3xthg7XeOUvdqqacXTggO7mMgVm https://www.youtube.com/watch?v=CWzzx_piqxw&list=PLB97yPrFwo5hQ97hvDfL96PVmS0DcqNN3&index=21 https://www.youtube.com/watch?v=OLx9Ta4vtFI&list=PLG6Cxs9K4_gMdlpZlBC5De7FN59k5PkLr&index=9

1) 공식문서를 살펴보자. react-native 공식문서가 아니라 expo 공식문서에 있다. https://docs.expo.dev/guides/icons/ Icons - Expo Documentation Expo is an open-source platform for making universal native apps for Android, iOS, and the web with JavaScript and React. docs.expo.dev https://icons.expo.fyi/ @expo/vector-icons directory icons.expo.fyi 이링크에서 사용하고자 하는 icon 검색하면 될듯. 2) 아이콘 사용을 위해 import를 추가한다. import { Ionicons } f..

1) 공식문서를 살펴보자. https://reactnative.dev/docs/flexbox Layout with Flexbox · React Native A component can specify the layout of its children using the Flexbox algorithm. Flexbox is designed to provide a consistent layout on different screen sizes. reactnative.dev 나도 flex박스에 익숙한데 react native에서 레이아웃을 잡을때 flexbox를 활용하는것 같다. 실습으로 공부 하는게 빠르기 때문에 (2) Sandbox.jsx 컴포넌트를 만든뒤, App.js에 Sandbox컴포넌트만 추가해준다! To..

React Native에서 안드로이드 폰, 아이폰 모두 동일한 UX로 현재 텍스트 필드 외 빈 공간을 탭할 경우 올라와 있는 키보드를 내리는 액션을 제공하기 위해서는 어떻게 해야할까? (1) 사용 될 컴포넌트 : TouchableWithoutFeedback, Keyboard https://reactnative.dev/docs/touchablewithoutfeedback TouchableWithoutFeedback · React Native If you're looking for a more extensive and future-proof way to handle touch-based input, check out the Pressable API. reactnative.dev https://reactnat..

(1) 공식문서 한번 훓어 본다. https://reactnative.dev/docs/alert Alert · React Native Launches an alert dialog with the specified title and message. reactnative.dev //이렇게 추가한다. import { View, StyleSheet, Button, Alert } from "react-native"; Alert.메소드 이런식으로 사용한다. 관련 메서드로는 alert() : static alert(title, message?, buttons?, options?) prompt() : static prompt(title, message?, callbackOrButtons?, type?, defaultV..

클릭시 데이터 삭제구현까지 했다, 이제 데이터 추가 하는거까지 해보자! //Components/Apptodo.jsx import React,{ useState } from 'react' import { View, StyleSheet, TextInput, Button } from 'react-native'; export default function AddTodo({SubmitHandler}) { const [text, setText] = useState(''); const ChangeHandler = (val) => { setText(val); } return ( SubmitHandler(text)} title='Add todo' color='coral'> ) } const styles = StyleSh..

(1) Contents 컴포넌트 만들기 //Components/Contents.jsx import React,{ useState } from 'react' import { View, StyleSheet, FlatList } from 'react-native'; import TodoItem from './TodoItem'; export default function Contents() { const [todos, setTodos ] = useState([ {todo: "Coding", key:'1' }, {todo: "Shopping", key:'2' }, {todo: "excyte", key:'3' }, {todo: "movie", key:'4' }, {todo: "wash", key:'5' }, {to..