개발 노트

구글링 해보니까 모듈 있던데 이런 단순한 기능 쓰려고 모듈 다운받는건 내키지 않아서 직접 만들었다. 저번에 안드로이드 네이티브에서도 만들었었는데... 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.변..