# reactnative

315개의 포스트
post-thumbnail

RN+TS 단어장 앱 만들기 [1] - Navigation

예전에는 제가 아이콘이랑 이미지를 다 일러스트레이터로 직접 디자인해서 만들었지만, 이번에는 무료이미지, 템플릿 등을 참고해서 만들도록 하겠습니다. 저는 스크린별로 분리해서 만들기 위해서 HomeScreen 컴포넌트를 하나 만들어 분리했습니다. 리액트에서 화면이동을

1일 전
·
0개의 댓글

useMutation in native(createAccount)

들어가기native에서 useMutaion을 사용하는 방법임web과 다른점이 없다.별표 부분만 확인해면서 check해 볼것

5일 전
·
0개의 댓글

RN]firebase? idb??

이유를 모르겠다

2022년 5월 16일
·
0개의 댓글
post-thumbnail

ReactNative로 러닝어플 만들기 - 실시간 타이머 구현

useInterval, moment.js 사용

2022년 5월 14일
·
0개의 댓글
post-thumbnail

React native 푸시알림 구현 / fireabse + @notifee

firebase와 notifee를 이용해 푸시알림을 구현해봤습니다.

2022년 5월 13일
·
0개의 댓글
post-thumbnail

[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

2022년 5월 11일
·
0개의 댓글
post-thumbnail

리액트 네이티브에서 box-shadow 속성 사용하기

리액트 네이티브에서는 아쉽게도 css에서 제공하는 속성을 제공하지 않는 경우들이 많다.box-shadow도 마찬가지로 리액트 네이티브에서는 제공하지 않나보다..😀그래도 해결책은 존재한다..!

2022년 5월 11일
·
0개의 댓글

webview

webview 설치yarn add react-native-webviewwebView importimport WebView from "react-native-webview";uri 다음에 접속할 링크 입력<WebView source={{uri: 'https&#x3A

2022년 5월 5일
·
0개의 댓글

React-Native Styled Component

\[Docs]yarn add @emotion/react @emotion/native'@emotion/native'를 import 받아서 웹에서 쓰던 방식과 동일하게 쓰면 된다.flex: 숫자를 입력하면 차지하는 영역을 지정할 수 있다.

2022년 5월 3일
·
0개의 댓글
post-thumbnail

React-Navigation :: 화면 전환하기

Navigation Next.js next/router 화면을 이동하는 방식 React react-router 화면을 이동하는 방식 React-Native React-Navigation 라이브러리를 이용한다. 화면을 이동하는 것이 아닌, 하나씩 쌓여가는 stack 방

2022년 5월 3일
·
0개의 댓글

[React-Native-Debugger, Flipper] Debugging tool

하지만, 모바일 디바이스이기 때문에 네트워크와 애플리케이션 탭은 크롬 디바이스에서 확인할 수 없다.네트워크를 확인하기 위해서 Flipper를 이용한다.expo는 Flipper가 없지만, react-native를 설치하면 Flipper가 자동으로 설치된다. expo에서는

2022년 5월 3일
·
0개의 댓글

Async-Storage에 데이터 저장하기

\[Docs] Docs에 메소드 많움!!모바일 앱에는 브라우저 저장소가 없다. AsyncStorage가 LocalStorage 대신 사용된다.하지만,, 현재는 deprecated 되었다. Docs에 따르면 community package를 사용하라고 되어있다. comm

2022년 5월 3일
·
0개의 댓글

parameter 주고 받는 방법

두 번째 파라미터로 {키:값} 형태로 보내주면 된다.{route}로 받아서 사용한다.

2022년 5월 3일
·
0개의 댓글

ScrollView/FlatList

ScrollView는 렌더링 시 모든 것을 한번에 렌더링한다. 많은 양의 리스트가 있을 경우 성능이 저하되는 문제를 야기할 수 있음.FlatList의 경우 항목이 나타나려고 할 때 렌더링을 할 수 있어 메모리의 사용량을 줄일 수 있으며, 여러열이나 무한 스크롤 로딩과도

2022년 5월 3일
·
0개의 댓글

React Native 설치하기

앱 개발 언어 Kotlin: Android 앱 개발, 자바 기반 Swift: iOS 앱 개발, C언어 기반 React Native: JS 기반 React Native Expo CLI와 React Native CLI가 있다. Android와 iOS 둘 다 개발할 수

2022년 5월 2일
·
0개의 댓글