일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | |||
5 | 6 | 7 | 8 | 9 | 10 | 11 |
12 | 13 | 14 | 15 | 16 | 17 | 18 |
19 | 20 | 21 | 22 | 23 | 24 | 25 |
26 | 27 | 28 | 29 | 30 | 31 |
- node
- ReactNative
- qunit
- picker
- 네트워크
- 맥
- PYTHON
- build
- Android
- xcode
- 개발
- linux
- TensorFlow
- 센토스
- avds
- unittest
- androidstudio
- MAC
- 리눅스
- VirtualBox
- webpack
- jest
- centos
- Chrome
- vsCode
- react
- localserver
- IOS
- MachineLearning
- Today
- Total
목록App & OS (63)
로메오의 블로그
$ react-native init firstProject --version=0.59.8
Firebase 목록 [REACT NATIVE] 디바이스에 LOCAL SERVER 구동하기 앞서 디바이스에서 local server를 구동하는 방법을 알아봤습니다. firebase hosting에서 리소스를 zip으로 압축해서 올려두고 React Native에서 zip을 다운로드해서 압축 해제하고 local server로 표시하는 고오급 기능을 구현해보겠습니다. Firebase hosting에 zip파일 업로드 index.html script.js $(window).on('load', function() { $('h1').text('hello World!!') }) style.css body {margin-top: 100px} .title {color: #f0f} www폴더를 만들고 index.html,..
Firebase 목록 [REACT NATIVE] WEBVIEW와 INTERFACE 하기 위 포스트에서 React Native에 Webview를 띄우고 Firebase hosting의 html 파일을 불러와서 띄우는것을 했습니다. html파일을 리모트 서버에 두지 않고 디바이스 내에 두려고 합니다. 그런데 이때 문제가 디바이스 storage의 js파일은 Ajax 통신이 불가능합니다. 이럴경우 디바이스에 Local Server를 구동하면 리소스 로딩 속도도 빠르고 Ajax 통신도 가능합니다. 프로젝트 생성 $ cd /my/project/path $ react-native init secondProject --version react-native@0.59.8 $ cd secondProject $ code . ..
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로 지정되어 있습니다. 이것을 제 도메인으로 변경해보겠습니다. (..