# reactnative

RN+TS 단어장 앱 만들기 [1] - Navigation
예전에는 제가 아이콘이랑 이미지를 다 일러스트레이터로 직접 디자인해서 만들었지만, 이번에는 무료이미지, 템플릿 등을 참고해서 만들도록 하겠습니다. 저는 스크린별로 분리해서 만들기 위해서 HomeScreen 컴포넌트를 하나 만들어 분리했습니다. 리액트에서 화면이동을
useMutation in native(createAccount)
들어가기native에서 useMutaion을 사용하는 방법임web과 다른점이 없다.별표 부분만 확인해면서 check해 볼것

[React Native] Execution failed for task ':app:mergeDebugAssets'.
What went wrong:Execution failed for task ':app:mergeDebugAssets'.Could not resolve all files for configuration ':app:debugRuntimeClasspath'.Could not

리액트 네이티브에서 box-shadow 속성 사용하기
리액트 네이티브에서는 아쉽게도 css에서 제공하는 속성을 제공하지 않는 경우들이 많다.box-shadow도 마찬가지로 리액트 네이티브에서는 제공하지 않나보다..😀그래도 해결책은 존재한다..!
webview
webview 설치yarn add react-native-webviewwebView importimport WebView from "react-native-webview";uri 다음에 접속할 링크 입력<WebView source={{uri: 'https:
React-Native Styled Component
\[Docs]yarn add @emotion/react @emotion/native'@emotion/native'를 import 받아서 웹에서 쓰던 방식과 동일하게 쓰면 된다.flex: 숫자를 입력하면 차지하는 영역을 지정할 수 있다.

React-Navigation :: 화면 전환하기
Navigation Next.js next/router 화면을 이동하는 방식 React react-router 화면을 이동하는 방식 React-Native React-Navigation 라이브러리를 이용한다. 화면을 이동하는 것이 아닌, 하나씩 쌓여가는 stack 방
[React-Native-Debugger, Flipper] Debugging tool
하지만, 모바일 디바이스이기 때문에 네트워크와 애플리케이션 탭은 크롬 디바이스에서 확인할 수 없다.네트워크를 확인하기 위해서 Flipper를 이용한다.expo는 Flipper가 없지만, react-native를 설치하면 Flipper가 자동으로 설치된다. expo에서는
Async-Storage에 데이터 저장하기
\[Docs] Docs에 메소드 많움!!모바일 앱에는 브라우저 저장소가 없다. AsyncStorage가 LocalStorage 대신 사용된다.하지만,, 현재는 deprecated 되었다. Docs에 따르면 community package를 사용하라고 되어있다. comm
ScrollView/FlatList
ScrollView는 렌더링 시 모든 것을 한번에 렌더링한다. 많은 양의 리스트가 있을 경우 성능이 저하되는 문제를 야기할 수 있음.FlatList의 경우 항목이 나타나려고 할 때 렌더링을 할 수 있어 메모리의 사용량을 줄일 수 있으며, 여러열이나 무한 스크롤 로딩과도
React Native 설치하기
앱 개발 언어 Kotlin: Android 앱 개발, 자바 기반 Swift: iOS 앱 개발, C언어 기반 React Native: JS 기반 React Native Expo CLI와 React Native CLI가 있다. Android와 iOS 둘 다 개발할 수