expo Expo+Redux(+firebase)로 로그인 폼 ③ ~ 파일 정리 · Debugger ~ 의 계속입니다. 이 기사에서는 Ducks 패턴을 인식하고 Redux의 각 부분을 파일로 나누고 ReactNativeDebugger를 사용할 수있게 될 때까지 다룹니다. 거의, 의 App.tsx 를 분할했을 뿐입니다. src/App.tsx 스토어 src/store.ts 스타일 src/Styles.ts 이것은 없어도 좋지만 스타일을 붙이지 않으면 화면 왼쪽 상단에 요소가 모여 버리기 어렵습니다.... reactnativeFirebasereduxreactnavigationexpo Expo+Redux(+firebase)로 로그인 폼② ~Redux 도입~ 의 계속입니다. 이번 기사에서는 Redux를 사용하여 우선 간단한 카운터를 만들어 갑니다. 차례차례의 기사로 로그인 화면과 화면 천이를 구현해 나갈 예정입니다. root에 여러가지 넣어 가면 이해하기 어려워지므로, src 디렉토리를 만들어 App을 옮깁시다 Expo는 기본적으로 root/App.js를 로드하기 때문에 이를 변경하기 위해 node_modules/expo/AppEntry.js를 ... reactnativeFirebasereduxreactnavigationexpo Expo(로 만든 프로젝트)가 움직이지 않는다 "Error: Cannot find module '../../tools/PackageManager'" 평상시는 React나 Vue를 골고루 쓰고 있는 프론트 엔지니어입니다만, 모바일에도 흥미가 나오고 있으므로 ReactNative에도 손을 내려고 생각 Expo를 인스톨 해 보았습니다. 하지만 시작 단계에서 제목 오류에 걸렸기 때문에 해결 방법을 공유합니다. Expo에서 만든 프로젝트에서 yarn start를 할 때 발생했습니다. Mac 볼륨을 대소문자로 구분했기 때문이었습니다. Mac의 기본... iOSreactnative개발 환경안드로이드expo Expo에서 react-native에서 three.js 사용 (expo-three 도입) expo-three라고 하는 라이브러리를 도입하려고 생각했습니다만, 일본어 문헌이 적게 시간이 걸려 버렸기 때문에, 스스로 재검토하는 의도도 담아 간단하게 정리하겠습니다. react-native, expo 등의 도입에 대해서는 이번은 생략하겠습니다. npm install three --savenpm install expo-three --save App.jsimport { GLView } fr... react-nativethree.jsexpo Expo+Redux 앱을 디버깅하는 방법 4가지 비교 Expo+Redux 앱을 디버깅하는 가장 좋은 방법은 무엇입니까? React Native Debugger를 사용하십시오. 설정 가이드는 Redux-logger는 어떤 액션이 fire되고 어떻게 state가 바뀌었는지를 console.log 해주는 미들웨어입니다. Expo 특유의 설정 어려움 없이 웹시와 마찬가지로 사용할 수 있습니다. 단점은 읽기 전용이며 과 같은 완전한 기능이 없다는 것입니... reactnativeReactreduxdebugexpo React Native에서 필요한 Android 지원 React Native에서 앱 개발을 할 때 대부분의 사람들이 "iOS용으로 먼저 앱을 만들고, 그 후 Android 대응을 한다"라는 진행 방법을 하는 것이 아닐까요. 이번은 자신이 iOS용으로 개발한 후, Android 대응으로 무엇이 필요했는지를 정리합니다(수시 추가 갱신) 덧붙여 자신의 메인 스택은 아래와 같습니다. 그 밖에도 다양한 패키지는 사용하고 있습니다 * expo v36.x ... reactnativeReactexpo Expo.io를 사용하여 스마트 폰 앱 개발 환경을 구성하십시오 (React Native) React Native를 사용한 스마트폰 앱의 개발 환경을 수중의 iPhone이 없었기 때문에, 본 기사의 실기 검증은 Android(Pixel4)를 이용하고 있습니다만, 시뮬레이터/에뮬레이터를 도입하면 iOS도 Android도 개발 머신상에서 검증할 수 있습니다. 계정을 만들어 둡시다. 위 사이트에서 계정을 만듭니다. 여기에 등록한 유저의 자격증명은 실기 검증 시에도 사용하므로, 만약 비밀... reactnativeReactTypeScriptexpo 【React Native】 앱 개발 ~ 화면 전환에 도전해 보았다 ~ 여러 앱 화면을 등록해 보았다. ※결론으로부터 말하면, 이 기사에서는 아직 버튼으로의 화면의 천이는 하지 않습니다. App.js는 이런 느낌. 이 중 Screen을 복수 가져오고 읽습니다. App.js WelcomeScreen.js와 SettingScreen.js는 이런 느낌. 우선은 텍스트를 표시하는 단순한 녀석. WelcomeScreen.js SettingScreem.js 이것으로 실행!... reactnative화면 전환reactnavigationexpo 【React Native】 앱 개발 ~React Navigation의 환경 구축~ React Native에서 스마트 폰 앱 개발을 시작했습니다. 스마트 폰 앱을 개발할 때 큰 벽이되는 것이 "화면 전환"입니다. 그것을 쉽게 (?) 구현할 수 있는 환경을 정돈해 주는 라이브러리가 React Navigation입니다. React Navigation에는 다양한 화면 전환 패턴이 이미 준비되어 있으므로, 이를 바탕으로 개발을 진행하면 좋을 것입니다. 어떤 화면 전환이 있는지 쉽게... reactnative화면 전환reactnavigationexpoexpo-cli 계속: ReactNative (Expo)로 카메라로 찍은 사진을 Firebase Storage에 저장 입니다만, 여러가지 곳으로부터의 모임이었으므로 재차 정리해 보았습니다. Expo + Firebase를 이용한 업로드 처리는 다음과 같습니다. CAMERA 권한 획득 ImagePcker를 기동해 사진을 찍는다 (파일을 선택한다) 업 할 수 있도록 취득한 파일을 blob로 변환 업로드 대상을 지정하여 업로드 진행 등을 처리 downloadURL을 취득해 표시에 이용 버튼이나 배치하는 것이 귀찮기... reactnativeFirebaseexpo 2019년도 하기 React Native로 앱 만들기② ■ 소개 지난번에 이어 React Native로 앱을 만든다. 마지막: 이번에 할 일 · 오류 해결 · 테스트 앱 만들기 ■ 오류 해결 하룻밤 안에 요정씨가 어떻게든 해준 가능성에 걸치고, 아무것도 대응하지 않고 expo를 기동해 본다. 왜 잘 작동했다. 라고 생각했지만 Node.js의 12.14.0을 제거하고 12.4.0을 다시 도입한 것을 잊었다. 브라우저의 콘솔도 정상적으로 기동. 표시... reactnativeexpo 2019년도 하기 React Native에서 앱 만들기① ■ 소개 ■ Node.js 다른 사람들의 도입 최신화도 하고 싶었으므로, 아래 사이트로부터 최신 안정판의 Node.js를 다운로드 & 인스톨 아래 URL에서 다운로드 가능. 아래 그림과 같은 인스톨러가 되어 있으므로, 적절히 체크나 필요 사항을 읽어 인스톨 한다. 설치 완료 후 npm 명령을 사용할 수 있도록되어 있으므로 확인. 설치한 node.js는 12.14.0인데 다른 버전이 표시되고 ... reactnativeexpo [업데이트 중] React Native 개발 막힌 곳을 정리해 갑니다 React Native + TypeScript + VSCode + Expo로 개발 중 실제 기계를 사용하고 있습니다. 예: styles.textBig 및 styles.textBold의 두 가지 스타일을 <Text>에 적용하고 싶습니다. 쓰기 1: 스프레드 연산자 사용 쓰기 2: 배열에 넣기 NavigationState 를 쓰지 않으면 navigation.state 에... reactnativeTypeScriptexpo Expo(Rect Native)에서 Ainplitude(분석 도구)를 사용해 보는 메모 Expo에서는 Firebase Analytics를 사용할 수 없습니다. Firebase 이용자로서는 조금 힘들지만, 표준으로 Amplitude에 대응하고 있다고 하기 때문에 이용해 보았습니다. 넷의 기사는 매우 참고가 됩니다만, 2019년 12월 현재, 조금 사양이 바뀌거나 하기 때문에 메모. 사전에 알고 있는 편이 편했던 것을 기록한다. Expo 관련 Amplitude에 한하지 않고, ex... reactnativeAmplitudeexpo [해결됨] node.js v12.13.1에서 "expo start"명령으로 기동하면 에러를 토해버리는 버그 "Unterminated character class. Run CLI with --verbose flag for more details." 제로 환경에서 Expo를 도입하려고 했기 때문에 node 넣어라든지 C++ 넣어라든지 거구의 끝에는 expo의 최신판이라면 인스톨 할 수 없다고 화가 나서 인스톨 할 수 있어 기동할 수 있다고 생각하면 잘 모르는 에러를 만났기 때문에 적어 두십시오. 추가... reactnativeexpoNode.js Expo에서 만든 react-native에 storybook을 추가하는 방법 react-native를 쉽게 설정하거나 편리한 도구가 정리되어 있는 Expo입니다만, storybook에서 취급하려고 하면 원래 react-native와 storybook의 궁합이 좋지 않을 수도 있고, 좀처럼 설정할 수 없었습니다... 그래서 쉽게 설정하는 방법에 대해 빙글빙글 찾고 있던 곳, 등대 아래 어두운 곳에서 Expo의 리포지토리에 발견했으므로, 비망록 대신에 정리합니다! Exp... reactnativeexpostorybook 기차 LCD를 재현한 앱 "TrainLCD"를 출시했습니다. 지금 Play Store에서 심사 중이므로 「예정」. 그 중 iOS에서도 사용할 수 있도록 App Store에도 심사합니다. Expo(React Native)로 TrainLCD라는 앱을 만들었습니다. TrainLCD의 홍보만이라면 그렇기 때문에 Expo는 좋다는 것을 포함해 써 갑니다. 아까 쓴 대로 전철의 LCD를 재현한 Web·네이티브 어플입니다. 웹은 입니다. 그냥 웹 쪽이 아니라 네이... reactnativeElixirexpo WSL로 expo start하여 20~30분 후에 네트워크 문제가 발생하는 현상에 대해 조사한 것 전회, 라고 하는 기사를 써, 그 말미에도 써 있었습니다만, expo start 했을 때에 일어나는 수수께끼의 네트워크 결함에 대해 조사한 것, 알았던 것을 써 둡니다. WSL로 expo start 한 후, 20~30분 후에 네트워크가 연결되지 않게 된다. CONNECTION을 Tunnel로 했을 때도, expo start --offline (와)과 옵션을 붙였을 때도, 같은 현상이 일어납니... reactnativeWindowsWSLexpo Expo의 ImagePicker를 Android 용으로 빌드하는 데 필요한 권한 정보 과 에서 카메라 앱을 만들 때 을 사용한 경우 Android용으로 build할 때는 app.json 에 다음과 같은 permission 을 지정해야 한다. app.json Expo의 공식 페이지와 같이 ImagePicker를 사용할 때는 먼저 소스 코드에 permission을 취득하기 위한 처리가 필요합니다. askAsync 함수는 필요한 permission이 없는 경우에 유저에게 확인 다이... 안드로이드create-react-native-appexpo React Native + Expo 앱을 Deploy(네이티브 빌드) 이 기사에서는 까지 작성 도중의 Hello World 앱 (송장 앱 모형)을 Deploy합니다. 또한 expo-cli가 글로벌 설치되어 있다고 가정합니다. 설치했는지 모르는 경우 을 참조하십시오. Windows의 경우, 우선 내부적으로 Linux를 사용할 수 있는 상태로 하지 않으면 안됩니다. Expo는 Ubuntu를 권장하므로 다음 단계를 따르십시오. Microsoft Store를 열고 U... reactnativeReact자바스크립트react-nativeexpo React Native + Expo 앱 게시(공개): 테스트 배포 Expo로 만든 앱은 매우 쉽게 Publish하거나 Deploy 할 수 있습니다. 이 기사에서는, 까지 작성 도중의 Hello World 앱(송장 앱 모형)을 Publish 합니다. Publish도 Deploy도 다른 사용자가 앱을 실행할 수 있다는 의미에서 동일합니다. 큰 차이점은 Publish 버전의 실행은 Expo client가 필요하지만 Deploy 버전은 완전히 독립적 인 네이티브 ... reactnativeReact자바스크립트react-nativeexpo React Native + Expo 앱에서 QR 코드를 읽고 JSON 획득 까지, 송장 정보를 서버로부터 취득해 표시할 수 있게 되었으므로, 이번에는 호출할 서버의 정보를 QR 코드로부터 취득할 수 있도록(듯이) 합니다. QR코드에 미리 JSON을 넣어 두면, 복수의 설정 항목이 있는 설정을 앱의 설정 방법 설명서 없이 유저에게 실시해 줄 수 있게 되는 등, 편리성 업이나 업무의 효율화를 전망할 수 있습니다. 【주의】현시점에서, QR 스캐너 기능이 잘 동작하지 않는... reactnativeReact자바스크립트react-nativeexpo ReactNative Expo에서 Android App Bundles를 사용하고 싶을 때 Android의 일반 빌드라면 다음 명령으로 가능합니다. Expo SDK33부터는 Android App Bundles 를 사용할 수 있게 되었으므로, 이하의 옵션을 추가하는 것으로 Android App Bundles 파일이 생성됩니다. (확장자 .aab) APK의 경우 54.2MB AAB의 경우 31.2~32.6MB로 최적화된다. "APK가 최적화되지 않았습니다."라고 표시되므로 APK가 아... reactnativeexpo React Native에서 map을 사용하려고하면 오류가 발생합니다. reactNative로 간단한 화장실 맵을 만들면, map 기능을 import했지만, 에러가 나 버렸으므로, 향후를 위해서 해결책을 적는다. App.js App.js 지도를 표시할 수 있었다. 무엇이 원인이었는지는 잘 모르겠지만(실제는 좋지 않다) 어쨌든지도를 볼 수있었습니다.... reactnativeReact맵expo React Native + Expo + Visual Studio Code + Chrome으로 실제 기기 디버깅 이 기사는 " "의 자식 기사입니다. 이미 살짝 나왔습니다만, Expo와 Visual Studio Code로 개발 환경을 만들면, 자연스럽게 개발 동작 환경이 모바일 실기가 되어, 디버거는 Chrome이 됩니다. App.js에서 아래와 같이 Hello World!를 둘러싸는 Text 태그를 잘못해 보겠습니다. ※ 만약 Edge가 열리는 경우, 기본 브라우저를 Chrome으로 해 두는 것이 더... reactnativeReact자바스크립트react-nativeexpo ReactNative (Expo)로 Firebase Storage에 이미지를 업로드하는 방법 Expo에서 Firebase를 사용하는 경우 웹 버전의 Firebase를 사용하게 될 것입니다. 여기서 FirebaseStorage에 이미지를 업로드할 때 몇 가지 함정이 있었고, 필자는 이틀 이상 녹아 버렸습니다. 구체적으로는 다음과 같은 함정이있었습니다. reactnative가 atob 함수를 지원하지 않기 때문에 저장소를 사용할 수 없습니다 storage에 base64 인코딩 이미지를 ... reactnativeFirebaseexpoFirebaseStorage React Native와 Expo로 만드는 iOS·Android 앱 개발 입문 - 3/3 Kindle판 샘플 앱 수정 나카노히토시씨의 Kindle 책에서 배우는 샘플 어플리케이션은 좀처럼 것으로 공부에도 앞으로 만들려고 하는 어플의 견본도 됩니다만, react-native-elements가 업데이트한 것으로 그대로는 움직이지 않는다. 에서 쓴 대로. Avatar <ListItem> 의 속성으로서 roundAvatar 와 avatar={item.user.profile_image_url} 에서는 안 되고, 다음... iOS나카노 히토시reactnative안드로이드expo Expo + Notification 시작하기 앱 개발 수업 중에 문득 이런 생각이 가슴 속을 둘러싸고, 도착한 것은 이었습니다. Expo는 자바스크립트(프레임워크의 주로 React)로 Android, IOS 앱을 쉽게 개발할 수 있도록 도와주는 도구입니다. 우선 앱에서 알림을 보내기 전에 먼저 온라인 에디터와 Curl을 사용하여 알림을 보내고 싶습니다. Iphone에서 Expo Client를 설치하고 계정을 만드십시오. Expo의 온라... Notificationexpo React Native&Expo 개발 환경 구축 비망록 Expo 회원 등록하기 스마트 폰에 Expo 앱 설치 Apple Store에서 다운로드 앱을 열고 Profile에서 Expo 회원 가입한 계정으로 로그인 PC로 개발 환경 구축 npm과 node가 들어 있으면 아래 명령 만 프로젝트 초기화 앱 이름이 myApp인 경우, 우선 blank를 선택 tab 키로 "name"으로 이동하여 myApp 또는 입력 (선택 사항) yarn은 우선 ye... reactnativeexpo초보자용Mobile 이전 기사 보기
Expo+Redux(+firebase)로 로그인 폼 ③ ~ 파일 정리 · Debugger ~ 의 계속입니다. 이 기사에서는 Ducks 패턴을 인식하고 Redux의 각 부분을 파일로 나누고 ReactNativeDebugger를 사용할 수있게 될 때까지 다룹니다. 거의, 의 App.tsx 를 분할했을 뿐입니다. src/App.tsx 스토어 src/store.ts 스타일 src/Styles.ts 이것은 없어도 좋지만 스타일을 붙이지 않으면 화면 왼쪽 상단에 요소가 모여 버리기 어렵습니다.... reactnativeFirebasereduxreactnavigationexpo Expo+Redux(+firebase)로 로그인 폼② ~Redux 도입~ 의 계속입니다. 이번 기사에서는 Redux를 사용하여 우선 간단한 카운터를 만들어 갑니다. 차례차례의 기사로 로그인 화면과 화면 천이를 구현해 나갈 예정입니다. root에 여러가지 넣어 가면 이해하기 어려워지므로, src 디렉토리를 만들어 App을 옮깁시다 Expo는 기본적으로 root/App.js를 로드하기 때문에 이를 변경하기 위해 node_modules/expo/AppEntry.js를 ... reactnativeFirebasereduxreactnavigationexpo Expo(로 만든 프로젝트)가 움직이지 않는다 "Error: Cannot find module '../../tools/PackageManager'" 평상시는 React나 Vue를 골고루 쓰고 있는 프론트 엔지니어입니다만, 모바일에도 흥미가 나오고 있으므로 ReactNative에도 손을 내려고 생각 Expo를 인스톨 해 보았습니다. 하지만 시작 단계에서 제목 오류에 걸렸기 때문에 해결 방법을 공유합니다. Expo에서 만든 프로젝트에서 yarn start를 할 때 발생했습니다. Mac 볼륨을 대소문자로 구분했기 때문이었습니다. Mac의 기본... iOSreactnative개발 환경안드로이드expo Expo에서 react-native에서 three.js 사용 (expo-three 도입) expo-three라고 하는 라이브러리를 도입하려고 생각했습니다만, 일본어 문헌이 적게 시간이 걸려 버렸기 때문에, 스스로 재검토하는 의도도 담아 간단하게 정리하겠습니다. react-native, expo 등의 도입에 대해서는 이번은 생략하겠습니다. npm install three --savenpm install expo-three --save App.jsimport { GLView } fr... react-nativethree.jsexpo Expo+Redux 앱을 디버깅하는 방법 4가지 비교 Expo+Redux 앱을 디버깅하는 가장 좋은 방법은 무엇입니까? React Native Debugger를 사용하십시오. 설정 가이드는 Redux-logger는 어떤 액션이 fire되고 어떻게 state가 바뀌었는지를 console.log 해주는 미들웨어입니다. Expo 특유의 설정 어려움 없이 웹시와 마찬가지로 사용할 수 있습니다. 단점은 읽기 전용이며 과 같은 완전한 기능이 없다는 것입니... reactnativeReactreduxdebugexpo React Native에서 필요한 Android 지원 React Native에서 앱 개발을 할 때 대부분의 사람들이 "iOS용으로 먼저 앱을 만들고, 그 후 Android 대응을 한다"라는 진행 방법을 하는 것이 아닐까요. 이번은 자신이 iOS용으로 개발한 후, Android 대응으로 무엇이 필요했는지를 정리합니다(수시 추가 갱신) 덧붙여 자신의 메인 스택은 아래와 같습니다. 그 밖에도 다양한 패키지는 사용하고 있습니다 * expo v36.x ... reactnativeReactexpo Expo.io를 사용하여 스마트 폰 앱 개발 환경을 구성하십시오 (React Native) React Native를 사용한 스마트폰 앱의 개발 환경을 수중의 iPhone이 없었기 때문에, 본 기사의 실기 검증은 Android(Pixel4)를 이용하고 있습니다만, 시뮬레이터/에뮬레이터를 도입하면 iOS도 Android도 개발 머신상에서 검증할 수 있습니다. 계정을 만들어 둡시다. 위 사이트에서 계정을 만듭니다. 여기에 등록한 유저의 자격증명은 실기 검증 시에도 사용하므로, 만약 비밀... reactnativeReactTypeScriptexpo 【React Native】 앱 개발 ~ 화면 전환에 도전해 보았다 ~ 여러 앱 화면을 등록해 보았다. ※결론으로부터 말하면, 이 기사에서는 아직 버튼으로의 화면의 천이는 하지 않습니다. App.js는 이런 느낌. 이 중 Screen을 복수 가져오고 읽습니다. App.js WelcomeScreen.js와 SettingScreen.js는 이런 느낌. 우선은 텍스트를 표시하는 단순한 녀석. WelcomeScreen.js SettingScreem.js 이것으로 실행!... reactnative화면 전환reactnavigationexpo 【React Native】 앱 개발 ~React Navigation의 환경 구축~ React Native에서 스마트 폰 앱 개발을 시작했습니다. 스마트 폰 앱을 개발할 때 큰 벽이되는 것이 "화면 전환"입니다. 그것을 쉽게 (?) 구현할 수 있는 환경을 정돈해 주는 라이브러리가 React Navigation입니다. React Navigation에는 다양한 화면 전환 패턴이 이미 준비되어 있으므로, 이를 바탕으로 개발을 진행하면 좋을 것입니다. 어떤 화면 전환이 있는지 쉽게... reactnative화면 전환reactnavigationexpoexpo-cli 계속: ReactNative (Expo)로 카메라로 찍은 사진을 Firebase Storage에 저장 입니다만, 여러가지 곳으로부터의 모임이었으므로 재차 정리해 보았습니다. Expo + Firebase를 이용한 업로드 처리는 다음과 같습니다. CAMERA 권한 획득 ImagePcker를 기동해 사진을 찍는다 (파일을 선택한다) 업 할 수 있도록 취득한 파일을 blob로 변환 업로드 대상을 지정하여 업로드 진행 등을 처리 downloadURL을 취득해 표시에 이용 버튼이나 배치하는 것이 귀찮기... reactnativeFirebaseexpo 2019년도 하기 React Native로 앱 만들기② ■ 소개 지난번에 이어 React Native로 앱을 만든다. 마지막: 이번에 할 일 · 오류 해결 · 테스트 앱 만들기 ■ 오류 해결 하룻밤 안에 요정씨가 어떻게든 해준 가능성에 걸치고, 아무것도 대응하지 않고 expo를 기동해 본다. 왜 잘 작동했다. 라고 생각했지만 Node.js의 12.14.0을 제거하고 12.4.0을 다시 도입한 것을 잊었다. 브라우저의 콘솔도 정상적으로 기동. 표시... reactnativeexpo 2019년도 하기 React Native에서 앱 만들기① ■ 소개 ■ Node.js 다른 사람들의 도입 최신화도 하고 싶었으므로, 아래 사이트로부터 최신 안정판의 Node.js를 다운로드 & 인스톨 아래 URL에서 다운로드 가능. 아래 그림과 같은 인스톨러가 되어 있으므로, 적절히 체크나 필요 사항을 읽어 인스톨 한다. 설치 완료 후 npm 명령을 사용할 수 있도록되어 있으므로 확인. 설치한 node.js는 12.14.0인데 다른 버전이 표시되고 ... reactnativeexpo [업데이트 중] React Native 개발 막힌 곳을 정리해 갑니다 React Native + TypeScript + VSCode + Expo로 개발 중 실제 기계를 사용하고 있습니다. 예: styles.textBig 및 styles.textBold의 두 가지 스타일을 <Text>에 적용하고 싶습니다. 쓰기 1: 스프레드 연산자 사용 쓰기 2: 배열에 넣기 NavigationState 를 쓰지 않으면 navigation.state 에... reactnativeTypeScriptexpo Expo(Rect Native)에서 Ainplitude(분석 도구)를 사용해 보는 메모 Expo에서는 Firebase Analytics를 사용할 수 없습니다. Firebase 이용자로서는 조금 힘들지만, 표준으로 Amplitude에 대응하고 있다고 하기 때문에 이용해 보았습니다. 넷의 기사는 매우 참고가 됩니다만, 2019년 12월 현재, 조금 사양이 바뀌거나 하기 때문에 메모. 사전에 알고 있는 편이 편했던 것을 기록한다. Expo 관련 Amplitude에 한하지 않고, ex... reactnativeAmplitudeexpo [해결됨] node.js v12.13.1에서 "expo start"명령으로 기동하면 에러를 토해버리는 버그 "Unterminated character class. Run CLI with --verbose flag for more details." 제로 환경에서 Expo를 도입하려고 했기 때문에 node 넣어라든지 C++ 넣어라든지 거구의 끝에는 expo의 최신판이라면 인스톨 할 수 없다고 화가 나서 인스톨 할 수 있어 기동할 수 있다고 생각하면 잘 모르는 에러를 만났기 때문에 적어 두십시오. 추가... reactnativeexpoNode.js Expo에서 만든 react-native에 storybook을 추가하는 방법 react-native를 쉽게 설정하거나 편리한 도구가 정리되어 있는 Expo입니다만, storybook에서 취급하려고 하면 원래 react-native와 storybook의 궁합이 좋지 않을 수도 있고, 좀처럼 설정할 수 없었습니다... 그래서 쉽게 설정하는 방법에 대해 빙글빙글 찾고 있던 곳, 등대 아래 어두운 곳에서 Expo의 리포지토리에 발견했으므로, 비망록 대신에 정리합니다! Exp... reactnativeexpostorybook 기차 LCD를 재현한 앱 "TrainLCD"를 출시했습니다. 지금 Play Store에서 심사 중이므로 「예정」. 그 중 iOS에서도 사용할 수 있도록 App Store에도 심사합니다. Expo(React Native)로 TrainLCD라는 앱을 만들었습니다. TrainLCD의 홍보만이라면 그렇기 때문에 Expo는 좋다는 것을 포함해 써 갑니다. 아까 쓴 대로 전철의 LCD를 재현한 Web·네이티브 어플입니다. 웹은 입니다. 그냥 웹 쪽이 아니라 네이... reactnativeElixirexpo WSL로 expo start하여 20~30분 후에 네트워크 문제가 발생하는 현상에 대해 조사한 것 전회, 라고 하는 기사를 써, 그 말미에도 써 있었습니다만, expo start 했을 때에 일어나는 수수께끼의 네트워크 결함에 대해 조사한 것, 알았던 것을 써 둡니다. WSL로 expo start 한 후, 20~30분 후에 네트워크가 연결되지 않게 된다. CONNECTION을 Tunnel로 했을 때도, expo start --offline (와)과 옵션을 붙였을 때도, 같은 현상이 일어납니... reactnativeWindowsWSLexpo Expo의 ImagePicker를 Android 용으로 빌드하는 데 필요한 권한 정보 과 에서 카메라 앱을 만들 때 을 사용한 경우 Android용으로 build할 때는 app.json 에 다음과 같은 permission 을 지정해야 한다. app.json Expo의 공식 페이지와 같이 ImagePicker를 사용할 때는 먼저 소스 코드에 permission을 취득하기 위한 처리가 필요합니다. askAsync 함수는 필요한 permission이 없는 경우에 유저에게 확인 다이... 안드로이드create-react-native-appexpo React Native + Expo 앱을 Deploy(네이티브 빌드) 이 기사에서는 까지 작성 도중의 Hello World 앱 (송장 앱 모형)을 Deploy합니다. 또한 expo-cli가 글로벌 설치되어 있다고 가정합니다. 설치했는지 모르는 경우 을 참조하십시오. Windows의 경우, 우선 내부적으로 Linux를 사용할 수 있는 상태로 하지 않으면 안됩니다. Expo는 Ubuntu를 권장하므로 다음 단계를 따르십시오. Microsoft Store를 열고 U... reactnativeReact자바스크립트react-nativeexpo React Native + Expo 앱 게시(공개): 테스트 배포 Expo로 만든 앱은 매우 쉽게 Publish하거나 Deploy 할 수 있습니다. 이 기사에서는, 까지 작성 도중의 Hello World 앱(송장 앱 모형)을 Publish 합니다. Publish도 Deploy도 다른 사용자가 앱을 실행할 수 있다는 의미에서 동일합니다. 큰 차이점은 Publish 버전의 실행은 Expo client가 필요하지만 Deploy 버전은 완전히 독립적 인 네이티브 ... reactnativeReact자바스크립트react-nativeexpo React Native + Expo 앱에서 QR 코드를 읽고 JSON 획득 까지, 송장 정보를 서버로부터 취득해 표시할 수 있게 되었으므로, 이번에는 호출할 서버의 정보를 QR 코드로부터 취득할 수 있도록(듯이) 합니다. QR코드에 미리 JSON을 넣어 두면, 복수의 설정 항목이 있는 설정을 앱의 설정 방법 설명서 없이 유저에게 실시해 줄 수 있게 되는 등, 편리성 업이나 업무의 효율화를 전망할 수 있습니다. 【주의】현시점에서, QR 스캐너 기능이 잘 동작하지 않는... reactnativeReact자바스크립트react-nativeexpo ReactNative Expo에서 Android App Bundles를 사용하고 싶을 때 Android의 일반 빌드라면 다음 명령으로 가능합니다. Expo SDK33부터는 Android App Bundles 를 사용할 수 있게 되었으므로, 이하의 옵션을 추가하는 것으로 Android App Bundles 파일이 생성됩니다. (확장자 .aab) APK의 경우 54.2MB AAB의 경우 31.2~32.6MB로 최적화된다. "APK가 최적화되지 않았습니다."라고 표시되므로 APK가 아... reactnativeexpo React Native에서 map을 사용하려고하면 오류가 발생합니다. reactNative로 간단한 화장실 맵을 만들면, map 기능을 import했지만, 에러가 나 버렸으므로, 향후를 위해서 해결책을 적는다. App.js App.js 지도를 표시할 수 있었다. 무엇이 원인이었는지는 잘 모르겠지만(실제는 좋지 않다) 어쨌든지도를 볼 수있었습니다.... reactnativeReact맵expo React Native + Expo + Visual Studio Code + Chrome으로 실제 기기 디버깅 이 기사는 " "의 자식 기사입니다. 이미 살짝 나왔습니다만, Expo와 Visual Studio Code로 개발 환경을 만들면, 자연스럽게 개발 동작 환경이 모바일 실기가 되어, 디버거는 Chrome이 됩니다. App.js에서 아래와 같이 Hello World!를 둘러싸는 Text 태그를 잘못해 보겠습니다. ※ 만약 Edge가 열리는 경우, 기본 브라우저를 Chrome으로 해 두는 것이 더... reactnativeReact자바스크립트react-nativeexpo ReactNative (Expo)로 Firebase Storage에 이미지를 업로드하는 방법 Expo에서 Firebase를 사용하는 경우 웹 버전의 Firebase를 사용하게 될 것입니다. 여기서 FirebaseStorage에 이미지를 업로드할 때 몇 가지 함정이 있었고, 필자는 이틀 이상 녹아 버렸습니다. 구체적으로는 다음과 같은 함정이있었습니다. reactnative가 atob 함수를 지원하지 않기 때문에 저장소를 사용할 수 없습니다 storage에 base64 인코딩 이미지를 ... reactnativeFirebaseexpoFirebaseStorage React Native와 Expo로 만드는 iOS·Android 앱 개발 입문 - 3/3 Kindle판 샘플 앱 수정 나카노히토시씨의 Kindle 책에서 배우는 샘플 어플리케이션은 좀처럼 것으로 공부에도 앞으로 만들려고 하는 어플의 견본도 됩니다만, react-native-elements가 업데이트한 것으로 그대로는 움직이지 않는다. 에서 쓴 대로. Avatar <ListItem> 의 속성으로서 roundAvatar 와 avatar={item.user.profile_image_url} 에서는 안 되고, 다음... iOS나카노 히토시reactnative안드로이드expo Expo + Notification 시작하기 앱 개발 수업 중에 문득 이런 생각이 가슴 속을 둘러싸고, 도착한 것은 이었습니다. Expo는 자바스크립트(프레임워크의 주로 React)로 Android, IOS 앱을 쉽게 개발할 수 있도록 도와주는 도구입니다. 우선 앱에서 알림을 보내기 전에 먼저 온라인 에디터와 Curl을 사용하여 알림을 보내고 싶습니다. Iphone에서 Expo Client를 설치하고 계정을 만드십시오. Expo의 온라... Notificationexpo React Native&Expo 개발 환경 구축 비망록 Expo 회원 등록하기 스마트 폰에 Expo 앱 설치 Apple Store에서 다운로드 앱을 열고 Profile에서 Expo 회원 가입한 계정으로 로그인 PC로 개발 환경 구축 npm과 node가 들어 있으면 아래 명령 만 프로젝트 초기화 앱 이름이 myApp인 경우, 우선 blank를 선택 tab 키로 "name"으로 이동하여 myApp 또는 입력 (선택 사항) yarn은 우선 ye... reactnativeexpo초보자용Mobile 이전 기사 보기