리치윈드 (RichWind)

react-native로 어플리케이션을 개발함에 있어서, 다양한 모듈들을 import하여 사용한다. 어플리케이션을 만들다 보면, 사운드의 중요성을 알게 되는데, 이 때문에 개발의 마지막 쯔음에 가면 사운드 효과를 넣기 마련이다. Reat-native에서 사운드를 가장 쉽게 접근하는 방법은, react-native-sound를 사용하는 것이 가장 쉽게 접근하는 방법이라 하겠다. react-native-sound를 적용할 때, 버그 및 어려움을 제공하는 대표적인 예는, 1) resources (사운드 파일)의 위치가 정확하지 않을 때, 2) resource 파일에 대문자나 특수문자가 포함되어 있을 때, 3) resource 파일의 중복이 발생할 때, 4) 초기화 또는 release() 처리하지 못할 때 ==..

개발 이야기/React-Native 2020. 3. 11. 19:05

[react native x node_module core] 간혹, node core module이 react native에서 직접적으로 사용되는 경우가 있다. 대표적인 예가 gl-react-native 같은 경우이다. 이 경우에 rn-nodeify 를 사용하면, node core module을 react native에서 사용할 수 있다. https://github.com/tradle/rn-nodeify 연관된 module을 설치한다. nodeify 모듈을 설치 한다. npm i --save-dev rn-nodeify@latest 다음을 실행하여 rn-nodeify를 실행한다. ./node_modules/.bin/rn-nodeify --hack --install

개발 이야기/React-Native 2020. 3. 9. 12:12

1. 개요 1.1 개발하고자 하는 기능/App 설명 1.2 기본적인 설계 환경 구성 개발 환경 구성에 가장 빠른 것은 사실,,, Cloud IDE에 설치되어 있는 이미지를 사용하는 것이다. 다만, Cloud IDE (Goorm IDE , Cloud 9 등)에 세팅된 환경은 Expo를 기반으로 하고 있다. Expo는 다양한 측면에서 매우 훌륭한 도구 이지만, Native Module을 사용하는 경우 정상동작하지 않는다. Expo eject 등을 실행하여 기존 구성된 bundle 구조를 쪼개야 하는데, 이것은 react-native-cli 로 환경을 구성하는 것 보다 더 어려운 작업을 포함한다. 따라서, 간략한 테스트는 Cloud IDE를 사용하여 테스트하고, 실제 개발 작업은 Local 환경에서 react..

개발 이야기/React-Native 2020. 3. 9. 12:04

[ 리액트 네이티브(React-Native)로 안드로이드 앱 출시 하기 ] 1.편) 리액트 네이티브 - 안드로이드 릴리즈 빌드 하기 2.편 ) 리액트 네이티브 - 코드 사이닝 (앱서명) 2020/04/25 - [개발 이야기/React-Native] - 2. 리액트 네이티브 - 코드 사이닝 (code signing - 앱서명) 개요 [ 본문 요약 ] 리액트 네이티브 코드를 릴리즈 빌드 하자. AAB 타입 번들링과 APK 파일 2종으로 구분할 수 있다. 바쁜 독자를 위해서, 안드로이드 버전 번들링과 APK 파일 만들기 명령을 먼저 표기 한다. 또한, 번들링 결과 파일의 위치 또한 참조 하길 바란다. 번들링 >> $ cd android && ./gradlew bundleRelease 결과파일 위치 : ando..

개발 이야기/React-Native 2020. 3. 9. 12:02

React Native X Goorm IDE [ 개요 ] 오늘 " 구름 IDE 환경에서 리액트 네이티브 개발하기"라는 주제로 이야기 해보고자 합니다. 구름 IDE 가입 및 사용은 다음 포스팅을 참조하여 주시기 바랍니다. https://richwind.co.kr/100 웹 IDE(구름IDE)로 개발(Coding)환경을 구축해 보자. TL;DR 개발 입문자 또는 초기단계에서는 웹 IDE로 맛을 보고 시작하자 !! [ 개요 ] 이번 포스팅에서는 웹 IDE 환경에서 개발환경에 대한 이야기를 해 보고자 합니다. 운동이든, 자기개발 이든, IT 분야 richwind.co.kr [ 시작하기 전에 ... ] 시작에 앞서 미리 말씀 드릴 내용은, 우리는 구름 IDE를 사용해서 React-Native 환경을 클릭 몇번만으..

개발 이야기/React-Native 2020. 3. 9. 12:00