beMajor

(RN으로 출석체크 어플을 만들며 겪었던 에러를 정리한 글입니다. expo 38.0.8 을 사용하였습니다) 앱을 만들다보면 특정 상황에서 앱을 재시작하도록 하고 싶을 때가 생긴다. 구글에 react native restart를 검색해보면 제일 상단에 이를 지원하는 react-native-restart 패키지를 찾을 수 있다. react-native-restart 패키지 https://www.npmjs.com/package/react-native-restart 링크에 들어가서 살펴보면 사용법이 정말 간단하다. npm i react-native-restart 설치 후 import RNRestart from 'react-native-restart'; // Import package from no..

react react-native - Image: 앱 실행 시 이미지 캐싱을 위해 prefetch 메소드를 사용함. 인자는 string으로 이미지 url을 전달해줌. 예시) Image.get("url") - StatusBar: 컴포넌트. 스마트폰 스크린에서 맨위 통신상태, 배터리 등의 정보를 보여주는 것을 StatusBar라 하는데, prop으로 bar-style을 주어 색을 조절해줄 수 있음. 예시) bar-style="light-content" || "dark-content" - Dimensions: 함수. Dimensions.get("screen") 으로 기기의 화면 사이즈를 { width, height }를 반환함. - ActivityIndicator: 컴포넌트. 일반적인 동그라미 로딩 이미지를 ..

위도, 경도 값만 있다면 날씨 API를 통해서 해당 위치의 날씨를 알 수 있다. 사용할 API는 OpenWeather 의 API이다. 먼저 아래의 사이트에 가입하고 API키를 받아오자 (발급받은 직후는 인식되지 않고 한 30분 정도 기다려야 정상적인 키로 인식된다) https://openweathermap.org/ Сurrent weather and forecast - OpenWeatherMap Dashboard and Agro API We provide satellite imagery, weather data and other agricultural services that are based on geodata. By using Agro API , you can easily power your solu..

expo는 리액트 네이티브를 개발을 지원하는 강력한 오픈 소스 플랫폼이다. 리액트 네이티브보다 더 많고 간편한 API들을 지원하니 적절하게 설치해서 가져다 쓰면 개발이 편해진다. expo-location은 그것의 일종으로, 리액트 네이티브의 geolocation보다 다양한 기능을 지원하는 API이다. 사용을 위해선 설치하고 import 해주어야 한다. expo install expo-loacation import * as Location from "expo-location" 레퍼런스를 보면 다양한 기능을 지원한다. 그중에서 날씨앱에 활용하는 것은 두 가지 정도가 있다. (1) 위치정보 사용하도록 사용자에게 허가 받기 - Location.requestPermissionsAsync() Location.req..

React Native는 리액트와 마찬가지로 자바스크립트로 동작된다. 아이폰, 안드로이드폰에는 자바스크립트엔진이 있어서 자바스크립트를 해석할 수 있으니 리액트 네이티브도 굴러가는 것이다. 그러니 리액트와 유사하게 컴포넌트, JSX로 코딩을 하는데 세부적인 게 조금씩 다르다. 예를 들면 리액트에서 쓰던 div, span이 리액트 네이티브에선 View, Text로 쓰인다(이렇게 정해졌기에 따라야 함). View, Text import React from "react"; 와 리액트! 와! import React from "react"; import { StyleSheet, Text, View } from "react-native"; 와 리액트 네이티브! 와! 위의 코드에서 윗부분은 리액트, 아래부분은 리액트 ..

React Native의 프로젝트를 만드는 방법은 두 가지 있다. 하나는 Expo CLI, 또 하나는 React Native CLI 이다. Expo는 우리가 react에서 create-react-app 을 사용했던 것처럼 native한 파일들을 감추어 주고 설정이 다 자동으로 되어있어 개발하기 좀 더 편한 환경을 제공한다.(이외에도 좋은 라이브러리들을 제공하니 웬만하면 expo를 써서 앱을 만들자) React Native CLI는 리액트 네이티브를 좀 더 네이티브(?)하게 사용할 수 있다. 이것으로 프로젝트를 진행하는 것은 좀 더 큰 규모의 회사(리액트 네이티브의 코어 부분을 좀 더 만저야 하는 프로젝트를 하는 회사)가 사용한다고 하는데... 실제로 이걸 쓸 일은 거의 없을 것 같다. 그래서 날씨앱을 만..