bekusib's develop story bekusib's develop story

EXPO

• [expo] ios - Invalid code Two-factor Authentication (6 digit code) is enabled for ?

  카테고리 없음 2021. 12. 22. 14:56

  ✔ Logged in, verify your Apple account to continue Two-factor Authentication (6 digit code) is enabled for ****@****.com. Learn more: https://support.apple.com/en-us/HT204915 ✔ Please enter the 6 digit code you received at +•• •••-••••-••••: … •••••• ✖ Invalid code Two-factor Authentication (6 digit code) is enabled for ****@****.com. Learn more: https://support.apple.com/en-us/HT204915 ✔ Please..

  Read More
• [expo] How to reduce the size of APK?(expo apk 사이즈 줄이는 방법)

  Frontend/leanmass 2019. 12. 17. 13:51

  결론부터 말하면 아래 명령어로 빌드를 하면 된다. $ expo build:android --type app-bundle or $ expo build:android -t app-bundle) 일반 적으로 expo에서 빌드를 할때 $ expo build:android 명령을 한다. apk 파일로 빌드를 하면 번들까지 모두 포함되어 만들어지기 때문에 Google Play에 앱 파일을 등록할때 최적화를 시키지 못한다. 그래서 번들 타입으로 빌드를 하면.aab 파일이 생성되며 (이때 aab 파일 용량이 apk 파일보다 더 큰것에 놀라지 말자) Google Play에 앱을 업로드하면 최적화되어 최종 크기가 줄어들게 된다. 아래 사진을보면 크기가 24~25MB 정도로 줄어든 것을 확인 할 수 있다. 정상 적으로 앱..

  Read More
• [expo] Changing segment content onPress on react-native

  Frontend/react-native 2019. 11. 6. 18:14

  leanmass 프로젝트에 볼륨 탭에 segment를 적용시켜 보려고 한다. (I'll set segment content page in the Volume Tab on My 'Leanmass' application.) 랜더링 부분은 아래와같이 해준다. (First, define rendering view.) 볼륨 기간별 종목별 {this._renderComponent()} 필요한 함수를 정의하고 (and define functions) selectComponent = (activePage) => () => this.setState({activePage}); _renderComponent = () => { if(this.state.activePage === 1) return //... Your Compo..

  Read More
• [expo] react-native android 빌드시 아이콘(icon) 특수문자 깨짐 현상 해결

  Frontend/react-native 2019. 10. 17. 18:06

  expo로 앱을 개발하면서 언제부턴가 안드로이드 apk로 빌드를 하고나면 글이 아닌 것들이 모두 깨지기 시작했다. 알고보니 나의 expo 버전은 34인데 expo-sdk 버전은 33.0.0이었다. 그래서 sdk 버전을 최신 버전으로(현재 35) 업데이트 해주니 해결되었다... 이렇게 간단하게 해결되는 문제인데,, 모르면 그냥 삽질만 하는거니.. 이렇게 기록으로 남긴다. SDK 업데이트 방법

  Read More
• [expo] vector icon

  Frontend/react-native 2019. 10. 15. 15:09

  import { Ionicons } from '@expo/vector-icons'; icon list: https://expo.github.io/vector-icons/ @expo/vector-icons directory expo.github.io

  Read More
• [expo] [react native] make .csv file

  Frontend/react-native 2019. 9. 23. 20:34

  헬스앱을 만들면서 sqlite에 저장된 데이터를 .csv 파일 export 해서 메일로 보낼려고 한다. 작성 코드는 아래와 같다. let rows = [ ["종목명", "세트번호", "무게", "반복횟수", "휴식시간", "볼륨", "날짜"] ]; let csvContent = "\uFEFF";// 한글 깨짐 방지 // sql 결과값을 배열값으로 rows에 푸시 async insertCsvRows(rows, records) { try { await records.forEach(function(record) { const arrayOne = [`${record.종목명}`,`${record.세트번호}`,`${record.무게}`,`${record.반복횟수}`,`${record.휴식시간}`,`${record...

  Read More
• [expo][react native] <NumericInput /> re-render issue 해결

  Frontend/react-native 2019. 9. 20. 17:13

  react native에선 this.setState({}) 호출시 컴포넌트들이 리랜더링된다. 다시말해 state 값의 변경이 발생하면 render()가 호출되어 실행된다. 아래의 코드는 계속 문제없이 작동이 되다가.. 언제부턴가 state 값은 바뀌는데, UI상에선 값이 그대로 유지하게 되었다. (예를들어 set_num의 값이 1인데 setState()로 set_num의 값을 2로 바꾸면, 실제 값은 바뀌는데 UI 상에선 1이 그대로 유지된다.) this.setState({set_num: value })} value={this.state.set_num} /> 이 문제를 해결하는 방법은 매우 간단하다. 아래와 같이 initValue 속성을 추가하면 된다. this.setState({set_num: valu..

  Read More
• [react native] 안드로이드 상태바 겹침 현상 해결 (Android header is overlapped)

  Frontend/react-native 2019. 9. 4. 15:49

  expo react native 앱을 개발하는데 아래 캡쳐와같이 상단에 상태바와 헤더가 겹치는 현상이 발생했다. 해결책을 찾아 구글링을 하고 https://github.com/react-navigation/react-navigation/issues/1478#issuecomment-301220017 Android header is overlapped · Issue #1478 · react-navigation/react-navigation On iOS I see this On Android I see this.. The code uses defaults const AppRoot = StackNavigator({ Home: { screen: HomeScreen, navigationOptions: ({ navi..

  Read More