ReactNative

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

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

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

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

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

\[Docs]기존의 React 프로젝트 방식과는 다르게 Tag에 직접적으로 Class / ID를 부여할 수 없다.React-Native 자체에서 제공하는 Tag들만 사용할 수 있다.'react-native'에서 import 받아서 사용한다.div 태그와 동일하게 Blo

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

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

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

React Native 앱은 1) Native 부분과 2) JS 부분으로 구성되어있다.Android(Java 기반)/iOS Device(Objective-C 기반)가 담당하는 부분으로, UI를 렌더한다.React 관련 코드가 실행되는 스레드1) Main Thread(U