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..
Stack
💡읽기전에. 다음 내용은 미리 파일을 Config.xcconfig 를 미리 만들어놓고 재현하는 과정을 담았습니다.때문에 사진을 보면 Config.xcconfig 파일과 Config1.xcconfig 파일 두개가 있는걸 볼 수 있는데 이건 그냥 같은파일이라고 생각하면됩니다. 중간에 다시 파일을 지워서 사진을 정상화한 부분도 있으니 참고Config.xcconfig 파일 생성xcode로 들어간다음에 프로젝트 우클릭후 파일을 생성한다.이후 우측 상단엔 configuration 을 검색 하면 아래와 같이 configuration Settings File 을 클릭하고 Next 생성을 한 이후에 API_KEY 의 KEY 값과 Value를 작성해준다.Info.plist와 연결API_KEY를 Info.plist 항목을..
postgresql 설치 바법brew 로 설치구글에 homebrew postgresql 검색후에 → 사이트들어가서 brew install postgresql@14다음 명령어를 터미널에 실행 ⭕️ 전부 설치후 실행명령어brew services start postgresql@14❌ 정지 명령어brew services stop postgresql@14
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', },..
Object.assign 과 Spread Syntax (...) 둘 다 javascript에서 객체를 복사하거나 병합하는 방법이다.나도 일반적으로 Spread 문법을 주로 사용하고 Object.assign에 대해서는 무지했는데, 이에 대해 알아보기 위해 글을 작성해본다.Object.assign 사용예시const o1 = { a: 1 };const o2 = { b: 2 };const o3 = { c: 3 };const obj = Object.assign(o1, o2, o3);console.log(obj); // { a: 1, b: 2, c: 3 }console.log(o1); // { a: 1, b: 2, c: 3 }, 목표 객체 자체가 변경됨.console.log(o2); // { b: 2 };conso..