로메오의 블로그

Firebase 목록 react native에서 webview를 만들고 javascript와 react native간 interface를 해보겠습니다. web소스는 firebase hosting을 이용합니다. [FIREBASE] 호스팅 생성하고 배포하기 위 포스트에서 firebase hosting으로 hello world를 찍고 오시기 바랍니다. 프로젝트 생성 $ cd /my/project/path $ react-native init secondProject --version react-native@0.59.8 $ cd secondProject $ code . secondProject 프로젝트를 생성합니다. react-native 버전은 0.59.8로 설치합니다. (최신버전인 0.60을 설치했는데, an..

org.gradle.execution.MultipleBuildFailures: Build completed with 1 failures. at org.gradle.initialization.DefaultGradleLauncher$ExecuteTasks.run(DefaultGradleLauncher.java:386) at org.gradle.internal.operations.DefaultBuildOperationExecutor$RunnableBuildOperationWorker.execute(DefaultBuildOperationExecutor.java:301) at org.gradle.internal.operations.DefaultBuildOperationExecutor$RunnableBuildOpe..

react native를 debug 모드를 에뮬레이터나 디바이스에 앱을 build 하면 속도가 매우 느리고, 디버깅을 위해 브라우저와 소켓 통신을 하기 때문에 케이블을 빼거나 네크워크가 달라지면 앱이 실행조차 안 될 때가 있습니다. 그래서 때론 release 모드로 build를 해야하는 경우가 있습니다. Android Release build 하기 Android 에뮬레이터에서 키보드 command + M을 누르면 React Debug 창이 뜹니다. 궁극적인 목적은 이것을 보이지 않게 하는것입니다. Bundle 만들기 React Native는 브라우저와 소켓 통신을 위하여 localhost에 서버를 띄워서 그곳의 asset들을 사용하게 됩니다. bundle이란 이 요소들을 번들로 만들어서 디바이스에 sta..

처음에 생성할때 만든 프로젝트 이름을 경우에 따라 변경해야 될때가 있습니다. package명이나 bundle 명을 변경하는거에 비해 좀 까다롭습니다. (특히 iOS) 단순히 package명이나 build 명을 변경하시려면 아래 포스트로 이동하세요. REACT NATIVE 패키지명, 번들명 변경하기 PACKAGE, BUNDLE [ANDROID, IOS] 프로젝트를 생성합니다. $ react-native init firstProject firstProject라는 이름으로 프로젝트가 생성되었습니다. 이걸 secondProject로 변경해보겠습니다. iOS 프로젝트명 변경하기 xCode에서 프로젝트 이름을 변경하는것은 매우 까다로와 변경하다가 프로젝트를 날려 먹을 확률이 매우 높습니다. 꼭 프로젝트를 백업해놓고..

React Native에서 프로젝트를 생성하면 Package명이 자동으로 부여됩니다. 그런데 firebase와 연동이라던지, 앱을 스토어에 올릴때도 고유한 앱의 Package 명을 부여해야 되는데 자동으로 부여된 Package명을 변경하는 방법을 알아봅니다. package명이 아니라 project이름을 변경하려고 하면 아래 포스트에서 확인하세요. React Native Project 이름 변경하기 프로젝트 생성 $ react-native init firstProject Android Package명 변경 /android/app/src/main/AndroidManifest.xml 파일을 열어보면 Package명이 com.firstproject로 지정되어 있습니다. 이것을 제 도메인으로 변경해보겠습니다. (..

iOS용 앱을 스토어에 배포하기 위해서 인증서 발급은 5단계로 정리할 수 있습니다. 1. CSR 생성 2. Certificates 생성 3. Identifiers 발급 4. Devices 등록 5. Provisioning Profiles 생성 1. CSR 생성 응용프로그램 > 유틸리티 > 키체인 접근.app을 실행합니다. 키체인 접근 > 인증서 지원 > 인증기관에서 인증서 요청을 누릅니다. 디스크에 저장됨을 선택하고 정보를 입력후 계속을 누릅니다. CertificateSigningRequest.certSigningRequest 파일을 특정 폴더에 저장합니다. 2. Certificates 생성 Apple 개발자 사이트에 접속합니다. https://developer.apple.com/ Certificates..

Expo cli 설치 $ sudo npm install -g expo-cli 프로젝트 생성 $ expo init firstProject Expo start $ cd firstProject $ expo start connection을 Tunel로 선택합니다. 디바이스에 expo client 설치하기 아이폰 설치: https://itunes.apple.com/app/apple-store/id982107779 안드로이드 설치: https://play.google.com/store/apps/details?id=host.exp.exponent 앱을 설치하고 카메라 앱을 실행합니다. QR코드를 읽으면 Expo에서 열기 창을 터치합니다. Javascript Bundle을 다운로드합니다. Expo client에서 앱이..

프로젝트 생성 $ react-native init firstProject $ cd firstProject react-native-call-log 설치 $ npm install --save react-native-call-log $ react-native link react-native-call-log AndroidManifest.xml AndroidManifest.xml 파일에 READ_CALL_LOG permission을 추가합니다. App.js import React, { Component } from 'react'; import { PermissionsAndroid, StyleSheet, Text, View } from 'react-native'; import CallLogs from 'react-..