본문 바로가기

React-Native34

macOS VMWare에 윈도우즈 폴더 공유하기 VMWare에 macOS를 설치하고 윈도우즈의 폴더를 공유하는 방법입니다. VMWare의 설정은 어렵지 않았지만, macOS를 잘 사용 할 줄 올라서 공유폴더를 한참 찾았습니다. 저 같이 고생하지 마시고 쉽게 공유폴더 찾아요~~ 1. VMWare 설정 (1) VMWare에서 가상 OS를 선택하고, Edit virtual machine settings를 클릭합니다. (2) Virtual Machine Settings화면에서 Options 탭을 클릭합니다. (3) Options 의 Shared Folders를 선택, Always enabled 선택, Add 버튼을 클릭하여 공유 할 폴더를 선택합니다. 2. macOS (1) Finder 메뉴에서 환경설정을 클릭합니다. (2) Finder 환경설정에서 연결된 .. 2019. 5. 27.
리액트네이티브(React-Native)에 애드몹 모듈을 설치하고, 컴파일 시 오류 해결법 리액트네이티브(React-Native)에 애드몹 모듈을 설치하고, 안드로이드로 컴파일 시 아래와 같은 오류가 발생합니다.해결 방법은 리액트네이티브 프로젝트 폴더 > android > build.gradle 파일을 수정해서 처리 했습니다. [오류]* What went wrong:A problem occurred configuring project ':app'.> Could not resolve all dependencies for configuration ':app:_debugApk'. > A problem occurred configuring project ':react-native-admob'. > Could not resolve all dependencies for configuration ':rea.. 2018. 11. 23.
React Native Error : Could not delete path 리액트 네이브트 안드로이드 개발 시 안드로이드 스튜디오에서 빌드 후 아래와 같은 오류가 발생하는 경우가 있습니다. FAILURE: Build failed with an exception. * What went wrong: Execution failed for task ':app:processDebugResources'. > java.io.IOException: Could not delete path 'D:\ReactNativeProject\android\app\build\generated\source\r\debug\com\facebook\drawee\backends'. 해결 방법은 안드로이드 스튜디오에서 Clear Project를 수행 후 리액트 네이트브에서 빌드를 수행하면 됩니다. 안드로이드 스튜디오에.. 2018. 10. 13.
React-Native 안드로이드 Package 명 수정하기 React-Native 안드로이드 Package 명 수정하는 방법입니다.아래의 수정파일 목록을 수정 후 앱을 실행하면 됩니다. [수정파일 목록]1. /ProjectFolder/android/app/build.gradle2. /ProjectFolder/android/app/src/main/AndroidManifest.xml 3. /ProjectFolder/android/app/src/main/com/projectname/MainActivity.java 4. /ProjectFolder/android/app/src/main/com/projectname/MainApplication.java 2018. 10. 12.
iOS 앱이름 다국어 처리하기. iOS 앱 이름을 다국어 처리하는 방법입니다. 1. xCode의 메뉴에서 File > New > File....를 클릭합니다. 2. 새로운 파일 생성 화면에서 String Files를 선택 하고 Next를 클릭합니다. 3. xCode 프로젝트의 Base.Iproj 폴더 내로 파일의 위치를 지정합니다. 4. 파일 이름은 InfoPlist.strings 로 지정하고, Create 버튼을 클릭합니다. 5. InfoPlist.strings의 파일에 아래의 내용으로 수정합니다. CFBundleDisplayName 는 앱이름입니다. "CFBundleDisplayName" = "Typhoon Paths"; 참고로 Base.Iproj 폴더는 기본언어 설정입니다. 즉, 다국어에 한국어만 추가했다면, 일본어에서는 Base.. 2018. 8. 31.
React-Native 화면(Screen)간 이동하기 react-native version : 0.55.4 React-Native에서 Screen간 이동을 하려면 react-native-navigation 모듈이 필요합니다. 그리고 기본적으로 사용하는 Navigator는 아래와 같습니다. (1) StackNavigator : Screen, TabNavigator간 이동을 하기 위해 사용. (2) TabNavigator : 여러 Screen을 하나의 Tab으로 구성하기 위해 사용. 아래의 명령으로 react-native-navigation 모듈을 프로젝트에 설치 후 사용하면 됩니다. npm install --save react-navigation StackNavigator 예제 // App.js import {StackNavigator} from 'react.. 2018. 8. 30.
애드몹 광고가 있는 앱을 애플 앱 스토어에 등록 시 주의사항. 애드몹 광고가 포함 된 앱을 앱 스토어에 등록 시 광고 식별자에 체크 해야 할 부분이 있습니다. 처음 앱을 등록 할 때 어떤 것을 체크해야 할 지 망막하죠~~ 아래의 이미지와 같이 두곳을 체크하면 심사 통과에 무리가 없을 겁니다. 2018. 7. 11.
React-Native 프로젝트 생성 오류 React-Native로 프로젝트 생성 시 아래와 유사한 오류가 발생하는 경우가 있다. 이 경우 React-Native의 버전에 따라 발생한다. React-Native는 아직 정식 버전이 배포되지 않아 해당 오류가 빈번히 발생 할 것으로 생각됩니다. import type {CommandT} from './commands'; ^^^^ SyntaxError: Unexpected identifier at new Script (vm.js:74:7) at createScript (vm.js:246:10) at Object.runInThisContext (vm.js:298:10) at Module._compile (internal/modules/cjs/loader.js:657:28) at Module._compil.. 2018. 7. 10.
iOS에 Admob Framework 링크 시 함께 링크해야 할 Framework 목록 iPhone 앱에 Admob 광고를 넣기 위해서는 xcode에서 Admob Framework을 링크해야 하는데, 함께 링크해야 하는 Framework 목록 입니다. MessageUI.framework GLKit.framework AdSupport.framework MediaPlayer.framework StoreKit.framework CoreMotion.framework GameController.framework 2018. 6. 29.
React-Native 설치하기. 안드로이드, 아이폰, 윈도우즈폰을 개발하기에 최적인 React-Native를 설치하는 방법입니다. 1. Node.js 설치 - 아래의 URL에서 Node.js를 다운로드하여 설치합니다. https://www.nodejs.org 2. React-Native Client 설치 - 명령프롬프트에서 아래의 명령을 실행하면 React-Native Client가 설치됩니다 npm install -g react-native-cli [macOS]sudo npm install -g react-native-cli 이제 React-Native 설치가 완료되었습니다. React-Native 프로젝트 생성은 아래의 링크를 참고하세요.http://docko.tistory.com/entry/ReactNative-%ED%94%84%.. 2018. 6. 22.
[React-Native] iPhone 장비로 앱 실행하기. React-Native로 개발한 앱을 iPhone 장비에 실행하는 방법입니다.maxOS에서 시뮬레이터로 테스트한 앱을 실직적으로 iPhone에 테스트하기 위한 방법입니다 1. ios-deploy 모듈을 설치합니다. - iPhone에 개발한 앱을 설치하려면 ios-deplay 모듈을 설치 해야 합니다. npm install -g ios-deploy 2. iPhone 장비에 앱을 실행하려면, iTunes에 표시된 장비의 이름이 필요합니다. 3. React-Native로 개발한 앱을 iPhone에 설치 및 실행합니다. - 아래의 명령 실행하면 iPhone에 앱을 설치되고, 앱일 실행됩니다. - USB로 연결된 iPhone이 하나인 경우 --devices 장비명에서 장비명을 생략해도 됩니다. react-nati.. 2018. 6. 21.
React-Native 프로젝트 생성 React-Native 프로젝트 생성를 생성하고, 안드로이드 에뮬레이터로 실행하는 과정을 소개하겠습니다.단, React-Native 및 React-Native Client가 설치되어있어야 합니다. [개발환경] (1) 운영체제 : Windows 7 (2) 모바일 운영체제 : Android 1. React-Native 프로젝트 생성하기 - ProjectName은 생성하고자 하는 프로젝트명입니다. - 아래의 명령을 실행하면, 해당 폴더하위에 ProjectName으로 폴더가 생성됩니다. - version 옵션을 지정하지 않으면, '0.56.0' 버전이 설치되는데 프로젝트 생성 시 오류가 발생한다. react-native init --version="0.55.4" ProjectName 2. React-Native.. 2018. 6. 20.
애플 개발자 등록 후 Pending 해결 방법 애플 iPhone을 개발하기 위해 개발자를 등록을 후 결제가 완료되었는데도, 등록한 계정이 Pending되는 경우가 있습니다. 이런 경우는 대부분 카드사에 등록된 주소와 입력한 주소가 상이해서 발생한다고 합니다. 아래와 이미지는 개발자 계정이 Pending 경우입니다.(오른쪽 상단에 Pending이라고 표시됩니다.) Pending된 개발자 계정을 해결하기 위해서 홈페이지를 찾아보아도 애플과 연락 할 방법을 찾지 못했습니다. 그래서 구글링을 해서 아래의 URL을 찾았습니다. https://developer.apple.com/contact 위의 주소로 방문하면 한글로 문의하기가 있는데, 이곳에서 멤버십 및 계정을 클릭합니다. 아래의 세부 항목이 표시되고, 계정 접근을 클릭합니다. 애플과 연락 방법 2가지가 .. 2018. 6. 19.