728x90

목록expo (15)

Dev JS Blog

Expo Sqlite 사용법

Expo Sqlite 를 사용하기 위해 패키지를 추가해준다. yarn add expo-sqlite import * as SQLite from 'expo-sqlite' const DB_NAME = 'app.db' const DB_VERSION = '1' const db = SQLite.openDatabase(DB_NAME, DB_VERSION) db.exec([{ sql: 'PRAGMA foreign_keys = ON;', args: [] }], false, () => console.log('Foreign keys turned on') ) 원하는 DB 이름과 버전을 지정해준다. db.transaction(tx=>{ tx.executeSql('select * from table',[], (tx,resultS..
IT 2023. 6. 24. 12:26
React Native Navigation + TypeScript Props 설정

이번에 새로운 앱을 또 만들면서 타입스크립트로 진행했는데 navigation을 할때 문제가 생겼다. ... 기본적인 navigation 소스를 작성하고 Main 페이지에서 Props 받았는데 navigation 이 에러가 났다. 타입스크립트다 보니 역시 타입을 지정해줘야겠다 생각했는데 근데 뭘로 지정해야하는건지 막막했다. 내가 원하는 페이지 는 일단 2개 이다. Main 페이지와 Excercise 페이지이다. export type RootStackParamList = { Main: undefined; Exercise: undefined; }; 원하는 페이지 네임을 type 으로 생성해준다. const Stack = createStackNavigator() Stack의 제네릭을 RootStackParamL..
IT 2023. 6. 22. 21:20
Expo prebuild 후 가상 디바이스 실행 안될때.

expo에서 프리빌드하고 환경 변수까지 세팅 다하고 가상디바이스 까지 켜지는데 Activity 를 실행 못 한대나 뭐래나... 가상디바이스는 실행이 잘되는데 정작 앱 실행이 계속 되지 않았다. 몇시간 삽질 후 뭔가 꺼림직했던 것중 하나가 이번에 새로 만든 앱 패키지명에 언더바(_)가 껴있었는데 이게 문제 일까 하고 패키지명을 수정해보니.. 앱 실행이 잘되었다. 혹여 패키지 명에 언더바가 들어간다면 app.json 에서 package 명을 지우던가 수정하고 android, .expo 파일을 삭제하고 다시 실행해보면 된다. 이걸로 몇시간 고생했는데 행여 나같은 분들 있으면 패키지명 고쳐보세요..!
IT 2023. 6. 19. 23:36
Expo Admob Error : RNGoogleMobileAdsBannerView

Expo 에 Admob 패키지인 react-native-google-mobile-ads 를 추가 후 평소처럼 앱을 실행하면 RNGoogleMobileAdsBannerView 라는 에러가 발생한다. Admob 추가 후 여러가지 에러들이 발생할 것이다. Admob을 추가하는 순간 이제 (기존에 사용하던) Expo Go 를 사용할 수는 없다. yarn expo prebuild 혹은 yarn android 해당 명령어 후 패키지 이름을 지정해주면 android 폴더가 생성이 된다. 이후 기존 실행대로 실행하면 된다. 만약 가상디바이스가 실행이 안된다면 환경변수 설정을 해주자. 2023.06.18 - [IT] - SDK 환경 변수 설정 및 Expo 가상 디바이스 실행 SDK 환경 변수 설정 및 Expo 가상 디바..
IT 2023. 6. 18. 19:41
EAS Android 구글 콘솔 연동 설정하기

이 과정은 먼저 프로젝트가 EXPO 로 만든 앱으로 EAS 첫 설정이 되어 있어야 하며 최초 앱 출시가 완료된 후 진행 한다. EAS 를 통한 배포를 하기위해서는 구글 콘솔과 EAS 를 연동 해줘야한다. 1. 구글 콘솔 액세스 설정 먼저 구글 콘솔에서 설정 > API 엑세스 해준다. 새 프로젝트 만들기 해준다. google cloud platform 에서 보기 클릭 2. Google Cloud 설정 여러가지가 있지만 IAM및 관리자 클릭 서비스 계정 에서 서비스 계정만들기를 해준다. 계정 이름을 입력하면 서비스 계정 ID는 자동으로 입력된다. 역할은 서비스계정 > 서비스 계정 사용자로 선택 후 완료한다. 완료 하면 서비스 계정이 완성되어있다. 생성된 서비스 계정에 키관리를 선택 해준다. 키 추가로 만들기..
IT 2023. 6. 14. 21:17
Expo Android App 만들기 - 10 (구글 스토어에 출시,개인정보처리방침)

2023.06.13 - [IT] - Expo Android App 만들기 - 9 (EAS Build) Expo Android App 만들기 - 9 (EAS Build) 2023.06.13 - [분류 전체보기] - Expo Android App 만들기 - 8 (Admob Button) Expo Android App 만들기 - 8 (Admob Button) 2023.06.11 - [IT] - Expo Android App 만들기 - 7 (React Navigation) Expo Android App 만들기 - 7 (React Navigation) 2023.06 allmana.tistory.com 이제 이 로또 번호 뽑기 앱을 구글 스토어에 출시해보겠다. 일단 EXPO 에 가입을 해야한다. EAS 설치 yar..
IT 2023. 6. 13. 23:15
Expo Android App 만들기 - 9 (EAS Build)

2023.06.13 - [분류 전체보기] - Expo Android App 만들기 - 8 (Admob Button) Expo Android App 만들기 - 8 (Admob Button) 2023.06.11 - [IT] - Expo Android App 만들기 - 7 (React Navigation) Expo Android App 만들기 - 7 (React Navigation) 2023.06.11 - [IT] - Expo Android App 만들기 - 6 (하단배너고정, 상태바) Expo Android App 만들기 - 6 (하단배너고정, allmana.tistory.com 상업적으로 내놓는 것도 아니고 이게 뭐 돈이 되는 것도 아니니 개발자 다운 디자인 갬성으로 얼추 앱이 완성됐다. 가상 디바이스로만..
IT 2023. 6. 13. 22:07
Expo Android App 만들기 - 8 (Admob Button)

2023.06.11 - [IT] - Expo Android App 만들기 - 7 (React Navigation) Expo Android App 만들기 - 7 (React Navigation) 2023.06.11 - [IT] - Expo Android App 만들기 - 6 (하단배너고정, 상태바) Expo Android App 만들기 - 6 (하단배너고정, 상태바) 2023.06.11 - [IT] - Expo Android App 만들기 - 5 (Admob) Expo Android App 만들기 - 5 (Admob) 2023.06.10 - allmana.tistory.com 이제 얼추 앱이 구성되고 있다. (한번 설치해보고 삭제할 앱 이지만)이 글을 읽어서 훗날 설치를 해보시는 분들이나 우연히 내 앱을 ..
IT 2023. 6. 13. 20:50
이전 Prev 1 2 Next 다음
728x90