본문 바로가기

내마음대로만들어보자/Expo22

[파이어베이스] 리얼타임데이터베이스 1. 리얼타임데이터베이스란? 리얼타임데이터베이스는 JSON 형태로 저장/관리 되는 데이터베이스라고 보면된다. 파이어베이스에서 제공하는 함수를 사용하면 저장/삭제/수정이 가능하다. 리얼타임데이터베이스의 가장 큰 장점은 플랫폼과 실시간으로 데이터를 주고 받는다는 것! 이미지파일을 저장할떄는 보통 파일 저장 스토리지를 사용하고 JSON 데이터를 저장할때는 리얼타임데이터베이스를 사용한다. 2. 리얼타임데이터베이스 생성 데이터베이스를 생성할때 권한은 모두 공개로 바꿔놓고 실습해보자. (규칙 탭을 눌러서 read, write 를 모두 true로 바꿔주면된다.) 3. 데이터 업로드 예제 만들기를 위해 data.json에서 관리를 하던 데이터를 실제로 리얼타임데이터베이스에 저장을 해보자! 오른쪽 토글 버튼을 클릭 후 .. 2021. 9. 14.
파이어베이스(firebase) 앱에 연결하기 1. 파이어베이스 란? 파이어베이스는 구글에서 만든 서버리스이다. 서버에 대한 깊은 지식이 없어도 서버적인 기능들을 할 수 있도록 도와주고있다. https://firebase.google.com/?hl=ko Firebase Firebase는 고품질 앱을 빠르게 개발하고 비즈니스를 성장시키는 데 도움이 되는 Google의 모바일 플랫폼입니다. firebase.google.com 이런식으로 개발에 대한 모든 지식을 갖추지않아도 활용할 수 있는 응용력만있다면 요즘에는 개발을 할 수 있도록 도와주는 라이브러리들이 많은 것 같다! ※ 파이어베이스 가입 후 프로젝트 생성할때 애널리틱스 사용설정은 활성화 시켜놓아야된다! (추후 내가 만든 앱을 분석하기가 용이하기때문) 2. 프로젝트 내 앱생성하기 우선은 expo를 통.. 2021. 9. 14.
날씨 서버 외부 API - 위치정보 가져오기(openweathermap api ) 1. openweathermap api ※ 적용순서 - 현재 위치(좌표) 데이터 가져오기 - 위치 데이터를 이용해 현재 위치의 날씨 데이터 가져오기 2. expo-location expo에서 현재 위치 데이터를 얻게 해주는 도구를 우선 설치해보자. https://docs.expo.dev/versions/latest/sdk/location/ Location - Expo Documentation Expo is an open-source platform for making universal native apps for Android, iOS, and the web with JavaScript and React. docs.expo.dev expo install expo-location 도구를 설치함으로써 위치정.. 2021. 9. 13.
외부링크 클릭 이벤트 - Linking 웹사이트에서 어떠한 정보를 가져올 때 출처를 밝혀야할때가 있는데, 그럴경우 버튼을 클릭하면 해당 링크로 연결해줄 수 있는 클릭이벤트가 Linking 이다. * expo에서 제공해주는 도구를 우선 설치해보자. expo install expo-linking 설치한 도구를 사용하기위해 외부링크 버튼을 추가한 DetailPage.js 에 임포트해주자! import * as Linking from 'expo-linking'; → 참가로, * as 는 내가 Linking 이라는 이름으로 가져와 사용하겠다는 의미 이제 본격적으로 사용해주기위해 함수를 만들어보자. const link = () => { Linking.openURL("www.naver.com") } 마지막으로 버튼에 연결해주면 끝 onPress={()=>.. 2021. 9. 13.

티스토리툴바