본문 바로가기

내마음대로만들어보자326

파이어베이스(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.
페이지 내용 공유하기 - Share 페이지 내용을 간단하게 문자, 이메일, 카카오톡 등으로 공유하는 기능을 사용해보자. 1. Share 별도 설치할 라이브러리 없이 react-native에서 기본적으로 제공을 해준다. (임포트만 해주면 끝) import { share } from 'react-native'; Share함수를 만들고 거기에 react-native에서 제공해주는 사용법대로 작성해보자. const share = () => { Share.share({ message:`${tip.title} ${tip.desc} ${tip.image}`, }); } 위와같이 메세지로 보내고싶은 내용들을 담으면 되고! 마지막으로 버튼에 onPress로 연결해주면된다. onPress={()=>share()} 이미지가 실제 이미지형태로 공유가되면 좋겠지.. 2021. 9. 13.

티스토리툴바