개발 노트

appcenter 세팅 npm i -g appcenter-cli 해당 프로젝트에 설치 appcenter login - 웹 코드 붙여넣기 appcenter profile list - 사용자 확인 appcenter apps create -d {app-name-aos} -o android -p react-native appcenter apps create -d {app-name-ios} -o ios -p react-native - 앱센터에 앱 등록 - 난 여기서 에러가 나서 https://appcenter.ms/ 에 직접 앱을 등록했다 appcenter apps list - 등록된 앱 조회 appcenter codepush deployment add -a {username/app-name-aos} Stagin..

최상단 componentDidMouint 나 useEffect 같은곳에서... Text.defaultProps = Text.defaultProps || {}; Text.defaultProps.allowFontScaling = false; Text.defaultProps.style = { color:'#fff }; 이렇게 사용. 재정의하면 덮어씌워버려서 스타일 같은 경우엔 적용하기 어려울 듯, style={[Text.defaultProps.style,,{borderWidth:1}]}> 이렇게 하면 사용 가능하긴 한데 굳이... ?

1번. const _addComma = (num) => { const currencies = RNLocalize.getCurrencies(); const [defaultCurrency] = currencies || 'USD'; return Number(num).toLocaleString(i18n.locale, { style: 'currency', currency: defaultCurrency }); }; 2번 1) I18n.js에서 I18n.locale = 'ko-KR'; 2) i18n.js에서 각 locale을 바라보는 리소스에서 number: { currency: { format: { unit: '원', delimiter: ',', separator: '.', precision: 0, format: ..

*안드로이드만 동작 함, 매니패스트 //권한 //서비스 선언 import android.annotation.SuppressLint; import android.app.Notification; import android.app.NotificationChannel; import android.app.NotificationManager; import android.app.PendingIntent; import android.app.Service; import android.content.Context; import android.content.Intent; import android.graphics.PixelFormat; import android.net.Uri; import android.opengl.Vis..

구글링 해보니까 모듈 있던데 이런 단순한 기능 쓰려고 모듈 다운받는건 내키지 않아서 직접 만들었다. 저번에 안드로이드 네이티브에서도 만들었었는데... js로 react native에서 또 만드네..... 코드 전문 하단.. 파라미터 값으려 전체 텍스트와 색칠할 텍스트를 받는다. import React from 'react'; import { Text } from 'react-native'; import PropTypes from 'prop-types'; export default SpannableText = ({ fullText, piece }) => { let text = fullText; let cText = piece; let textLength = cText.length; let view = []..

GPS좌표들을 선으로 그려주는 방법이다. 전역 {arr}로 위도,경도를 갖고 있는 배열을 받는다. * 이 부분은 서버에서 받아오는 데이터로 변경하거나.. 로컬디비에 저장해서 쓰는 방법으로 변경해야 한다. 그 배열들을 {dataSettings}라는 함수에서 시작좌표,끝좌표를 갖는 데이터로 변경한다. 이유는 polyline을 그리기 위해선 시작좌표 끝좌표를 하나의 polyline으로 처리해야 하기 때문. ------------------- 코드 전문 ------------------------- import React, { useState } from 'react'; import { View, SafeAreaView, StyleSheet, FlatList, Button, Text } from 'react-n..

아래 코드는 StateBar의 dark light 모드를 설정하거나 StateBar를 숨기고 보이는 .. 버튼이 있는 화면이다. 공부삼아 함수형 코드를 클래스형 코드로 변경해보았는데 그 둘의 차이점을 보고 어떤 역할을 하는건지 자세히 알 수 있게 되었다. 함수형 코드는 기존 프로그래밍 언어들과 다를게 없어 생략. 클래스형 코드는 State라는것으로 데이터를 관리하는데 클래스 내부의 전역변수라고 생각하면 편하다. 보통 클래스를 만들면 클래스 내부 최 상단에 생성자를 만들게 되는데 이 떄 props라는걸 파라미터로 받아 사용하고자 하는 변수를 this.state = {}라는 배열에 넣어 사용한다, (다만 json과 같은 key : value 형태) 배열에 넣어 선언한 변수들은 사용할떄 this.state.변..

* window 환경 기준 관리자모드로 cmd 실행 npm i -g create-react-native-app - 설치 일반 cmd 실행 create-react-native-app reactNativeNavigation - reactNativeNavigation 이름의 RN 프로젝트 생성 cd reactNativeNavigation - 만든 프로젝트로 이동 npm install @react-navigation/native npm install react-native-reanimated react-native-gesture-handler react-native-screens react-native-safe-area-context @react-native-community/masked-view npm ins..