ReactNative(10)
-
eas update not working : Cannot find module
✖ Export failed Error: Cannot find module 'expo/bin/cli.js' Require stack: - /Users/username/Desktop Export failed Error: Cannot find module 'expo/bin/cli.js' Require stack: - /Users/username/Desktop expo eas update를 하려고 하니 갑자기 이런 에러가 발생하며 eas update가 실행되지 않았다 구글링을 해봤을 땐 모두 npm reinstall에 대한 얘기만 하고 있어서 따라 해보니 효과는 전혀 없었다 이전에 유튜브 영상을 봤던 것이 기억났다 (아마도 제로초 유튜브였던 것으로 기억) 에러 메시지를 무작정 복사해서 구글링하기 전에 에러 메..
2023.12.15 -
expo dev client와 eas build 사용하기
npm i expo-dev-client 위의 명령어를 통해 expo-dev-client 설치 expo development client는 기존의 expo go와 동일한 사용 경험을 제공하지만, 각 커스텀 된 런타임 환경 구성이 가능하다. npx expo start --dev-client 설치 후, expo를 실행한다 It looks like you're trying to use web support but don't have the required dependencies installed. Please install @expo/webpack-config@^0.17.2 by running: 웹에서도 띄우려 했더니 이런 에러가 발생하여 @expo/webpack-config@^0.17.2 을 설치했다 그리고 ..
2023.02.12 -
ReactNative expo-cli 시작하기. 시작이 반이다. 고로 오늘 반을 끝냈다
이전에는 간단한 앱 개발을 react-native cli로만 조금씩 경험을 해봤었다 현 회사 앱 개발이 expo-cli로 되어있는데, 예전의 expo-cli의 단점이 많이 사라졌다고 한다. 이번 기회에 expo-cli 개발 환경에 익숙해져 보자 (= 아마도 회사 업무 조금 더 수월해지지 않을까 하는 마음)는 기대감을 갖고! 이번 출시를 목표로 두고 있는 사이드 프로젝트 앱 개발을 expo-cli로 도전해보려한다. 01. expo-cli 설치 yarn add expo-cli 명령어를 통하여 우선 expo-cli를 설치해 준다. expo-cli를 설치했다면 npx expo init 을 입력하여, expo-cli 프로젝트를 생성해 준다 02. expo 공식 사이트 가입 및 설정 expo 공식 사이트에 들어가 ..
2023.02.05 -
ReactNative 리액트 네이티브 : 리액트 네비게이션 설정
포스팅에선 react-navigation 라이브러리 사용 예정. yarn add @react-navigaiton/native react-navigation 설치 yarn add react-native-screens react-native-safe-area-context react-navigation 의존 라이브러리 설치 IOS 테스트를 한다면, npx pod-install 1. 리액트 네이티브 내비게이션 설정 import {NavigationContainer} from '@react-navigation/native'; function App() { return ... } export default App; ... 안에 내비게이션 설정을 JSX로 선언이 가능하다. 기존 웹의 경우, 웹 브라우저에 탑재되어있..
2022.02.13 -
Firebase ReactNative 연동 에러 Error: [storage/unauthorized] User is not authorized to perform the desired action.
현재 벨로퍼트님의 리액트 네이티브를 다루는 기술 책의 예제를 익혀가며 리액트 네이티브를 학습하고 있다. 이번장에서 Firebase와 ReactNative를 연동하여 Firebase storage에 이미지를 저장하려 하는데, 좀 전까지는 잘만 실행되던 시뮬레이터가 튕김 현상과 함께 아무리 켜도 계속 종료되었다. 터미널을 확인해보니 다음과 같은 에러 메시지가 출력되었다 Possible Unhandled Promise Rejection (id: 0): Error: [storage/unauthorized] User is not authorized to perform the desired action. NativeFirebaseError: [storage/unauthorized] User is not author..
2022.02.10 -
ReactNative 리액트 네이티브 : 키보드 컨트롤하기 (IOS, Android 시뮬레이터 키보드)
1. 시뮬레이터 인풋 창을 눌렀음에도 키보드가 나타나지 않는 경우 시뮬레이터 활성화 상태에서 위에 I/O > Keyboard > Toggle Software Keyboard를 클릭해주면 인풋 창을 다시 눌렀을 때, 키보드 입력이 활성화된다. 이렇게 키보드가 나타날 경우, 안드로이드에선 자동으로 화면이 줄어들지만 IOS는 화면을 그대로 다 가려버린다 react-native의 KeyboardAvoidingView를 이용하여 키보드가 올라올 때 IOS 화면을 가리지 않도록 할 수 있다 2. IOS 키보드가 화면을 가리는 경우 (키보드 활성화 시 화면 줄어들게 하기) import {KeyboardAvoidingView, Platform} from 'react-native'; ... const styles = S..
2022.02.10