react native window 개발 환경 세팅
·
WEB/React Native
개발환경 세팅에 대해 상세하게 설명이 되어있다. cmd를 사용하여 설치한 후 git bash에서 실행 시에 오류가 나타났으나 이는 vscode를 재실행 하지 않아서 나타난 오류였다. wsl은 expo 사용시에 충돌이 일어나는 일이 잦아서 세팅을 보류하였다 https://dev-yakuza.github.io/ko/react-native/install-on-windows/ 윈도우(Windows)에 react native 개발 환경 구축하기 react-native로 앱을 개발하기 위해 윈도우(Windows)에 개발 환경을 구축해 보고, react-native로 생성한 프로젝트가 잘 동작하는지 확인해 봅니다. dev-yakuza.github.io
expo 배포하기
·
WEB/React Native
expo fetch:android:keystore 앱스토어 계정은 매년 비용을 지불해야 해서 플레이스토어만 개발자 계정을 만들었다 그에 따라 배포는 안드로이드만 진행을 하고 ios는 설정만 해두었다 { "expo": { "name": "TODO LIST", //어플의 이름 "slug": "MyfirstApp", "privacy": "public", "sdkVersion": "36.0.0", "platforms": [ "ios", "android", "web" ], "version": "1.0.1", "orientation": "portrait", "splash": { "image": "./assets/splash.png", "resizeMode": "contain", "backgroundColor": "..
wsl에서 expo 사용시 인터넷이 멈추는 현상
·
WEB/React Native
wsl에서 expo 사용시 인터넷이 멈추는 현상이 있다 해당 버그는 wsl에서 나타나는데 아직 명확한 해결 방법은 없어보인다 powershell로 start를 하는 방법으로 진행하고 있다 해결방법은 아래 링크에서 확인 할 수 있다 1 - WIN+R -> services.msc 2 - Find LxssManager 3 - Right-click -> Restart https://github.com/expo/expo-cli/issues/99 Host remains without network after a while · Issue #99 · expo/expo-cli Description Okay, so this is a bit of a weird one, but I will try my best to expl..
react-native 플레이스토어 업데이트 버전코드
·
WEB/React Native
expo를 사용하여 어플을 만들고 플레이스토어에 배포를 했다. 수정 사항이 있어서 빌드 후에 플레이스토어에 올리니 같은 버전코드라고 나타나며 apk파일이 올라가지 않았다 안드로이드의 경우 versionCode를 app.json에서 변경을 해주어야 플레이스토어에 버전 업데이트가 올라간다 "android": { "versionCode": 2, "package": "me.jch.todo", "icon": "./assets/android-icon.png", "adaptiveIcon": { "backgroundColor": "#6830cf", "foregroundImage": "./assets/android-foreground.png" } 빌드를 하면서 app.json의 버전도 변경을 해보았다 플레이 스토어에서 ..
react-native에서 TouchableOpacity를 사용하는 이유
·
WEB/React Native
리액트네이티브에서 Button컴포넌트를 사용하지 않고 TouchableOpacity를 사용하는 이유 - Button 컴포넌트는 안드로이드와 ios에서 다르게 보이기 때문에 관리하는데에 어려움이 있다 import React from "react"; import { TouchableOpacity, Text, StyleSheet } from "react-native"; const Button = ({ onPress }) => { return ( 버튼 ); }; const styles = StyleSheet.create({ button: { width: 60, height: 60, backgroundColor: "#fe5746", justifyContent: "center", alignItems: "center..