안드로이드 설정android → app → src → main → res들어가면 아래 사진과 같이 폴더와 파일이 존재한다. ic_launcher.png 파일이랑 ic_luncher_round.png 파일까지 전부 바꿔줘야된다.이 파일들을 icon kitchen 사이트에 있는 파일과 대치 시켜주면된다.iOS 설정XCode 에서 프로젝트를 열어준 이후 앱 → 이미지로 가서 AppIcon 에서 설정해준다.

React-Native 에서 화면 스크린에 구글 맵을 띄우고 싶으면 react-native-maps 을 이용하면된다.우선 Google Map을 하려면 Google API 키가 필요하다.react-native-maps 라이브러리 설치react-native-maps 라이브러리를 설치해준다.$ npm install react-native-maps# --- or ---$ yarn add react-native-mapspods 설치cocoapod으로 ios에 react-native에서 라이브러리를 넣어주는 작업을 해준다.$ npx pod-installcode 추가해주기ios → ProjectName → AppDelegate.mm파일에 에 코드를 추가한다.// 이부분 추가+ #import @implementatio..

💡읽기전에. 다음 내용은 미리 파일을 Config.xcconfig 를 미리 만들어놓고 재현하는 과정을 담았습니다.때문에 사진을 보면 Config.xcconfig 파일과 Config1.xcconfig 파일 두개가 있는걸 볼 수 있는데 이건 그냥 같은파일이라고 생각하면됩니다. 중간에 다시 파일을 지워서 사진을 정상화한 부분도 있으니 참고Config.xcconfig 파일 생성xcode로 들어간다음에 프로젝트 우클릭후 파일을 생성한다.이후 우측 상단엔 configuration 을 검색 하면 아래와 같이 configuration Settings File 을 클릭하고 Next 생성을 한 이후에 API_KEY 의 KEY 값과 Value를 작성해준다.Info.plist와 연결API_KEY를 Info.plist 항목을..

1. Encrypted Storage 설치먼저 Encrypted Storage 패키지를 설치npm install react-native-encrypted-storageyarn add react-native-encrypted-storage만약 React Native CLI 프로젝트를 사용 중이라면, iOS를 위해 추가적으로 아래 명령어를 실행npx pod-install ios2. Encrypted Storage란?Encrypted Storage는 웹의 Local Storage와 유사한 기능을 제공하지만, 차이점도 존재비동기적 처리: async/await 문법 사용보안성: 데이터를 자동으로 암호화하여 저장하고, 필요 시 복호화하여 읽기이를 통해 민감한 데이터를 안전하게 관리가 가능3. 기본 사용법값 저장 함..

FAB 버튼이란?우측 하단에 있는 조그마한 버튼을 일반적으로 "Floating Action Button" (FAB) 이라고 칭한다.추가 이동같은 간단한 작업할때 주로 사용.FAB 버튼 코드import { Alert, StyleSheet, Text, TouchableOpacity } from 'react-native';const FAB: React.FC = () => { const AddLocationListAlert = () => { Alert.prompt(//제목 , // 내용 , [ { text: 'Cancel', onPress: () => { // 취소시 작동하는것 }, style: 'cancel', },..

multiline : 멀티라인을 가능하게해준다.secureTextEntry : TextInput 요소의 값을 비밀번호로 보여준다.returnKeyType="send" : 키보드 자판의 enter를 다르게 보여줌 ⇒ 안드로이드의 경우 더 많고 다르게 보여줄 수 있음keyboardType=? 키보드 타입을 정해준다.autoCapitalize={'sentences'} : 자동완성기능 여부 선택onSubmitEditing={addToDo} : return 눌럿을때 동작시키기onChangeText={onChangeText} : 텍스트 변경시 동작하는 함수value={text} : TextInput의 값placeholder={} : 뒤에 보이게하는 값styles설정input: { backgroundColor: '..