IT하는 참새

웹 통신을 하는 방법을 소개한다 https://home.openweathermap.org/ 예시로 해당 사이트의 api를 호출하는 과정을 설명한다 `npm install axios` (axios 모듈을 이용하여 통신) Members Enter your email address and we will send you a link to reset your password. home.openweathermap.org 1) 웹 통신을 위해 axios모듈을 임포트한다 2) API_KEY를 발급받아 변수로 저장한다 현재 위치를 받아온 후, api요청을 통해 현재 기상정보를 가져오기 위한 코드를 작성한다 해당 목적의 메소드 생성 위의 URL부분을 다음과 같이 변경한다 (변수를 문자열안에 쉽게 포함시킬 수 있음) 좌표를..

리액트 네이티브에서 GPS기능 사용하기 사용 방법은 크게 2가지로 나뉜다 1) 공식 React-Native API 이용 2) Expo API 이용 (권장) https://docs.expo.io/versions/latest/sdk/location/ Location - Expo Documentation heading (number) -- Horizontal direction of travel of this device, measured in degrees starting at due north and continuing clockwise around the compass. Thus, north is 0 degrees, east is 90 degrees, south is 180 degrees, and so o..

파일을 분할하여 앱을 구성한다 Loading.js (생성 후 작성) App.js (실행결과 생략) Text의 스타일을 수정한다 (공식 사이트 Reference참조) https://reactnative.dev/docs/text#style (실행 결과 생략)

[레이아웃 나누기] 리액트 네이티브에서는 화면을 구성할 때, flex를 이용한다 (해당 레이아웃의 가중치를 부여한다고 생각) App.js 최상위 View안에 노랑, 파랑 배경을 가진 View들을 배치 styles객체 구현 (flex는 해당 뷰가 얼만큼의 가중치를 가지는지 결정. 높을 수록 많은 영역) 안드로이드의 layout_weight속성과 일치한다 실행 결과 1:1의 비율로 나누어지는 것을 볼 수 있다

React-Native를 시작하는 방법은 2가지이지만, expo를 이용하여 진행한다. (npm 사전설치) expo 이용 - (권장하는 방법) 원하는 경로에서 expo init ProjectName 실행 해당 프로젝트 내부에서 npm start 실행 (앱을 expo 서비스를 이용하여 스마트폰에 설치함) 앱에 대한 관리가 가능한 페이지 화면 (Tunnel - 외부 네트워크에서도 앱 설치 가능) (LAN - 기본설정. 내부 네트워크) expo 앱 설치 (해당 앱에 자신의 앱을 실행시키는 방식) 설치 후 QR코드 투영시 앱 자동실행 앱의 기본 소스코드 (App.js) [정리] - expo 서비스를 이용하여 React-Native 프로젝트 생성 권장 - expo 앱 설치 후 QR코드 투영하여 앱 실행하기!