전체 글

Location 사용자의 현재 위치 가져오기 const ask = async () => { ... setOk(false); } // 추가 -------------------------------------------------------------------- const location = await Location.getCurrentPositionAsync({ accuracy: 5 }); console.log(location); // ------------------------------------------------------------------------ }; 추가하고 저장 후 새로고침 하면 coords 객체 안에 나의 현재 위치 정보가 나온다. 이 안에서 나는 위도와 경도만 가져오도록 한다. ..

Location expo-location 설치 expo install expo-location 캡쳐한다고 다시 입력했는데 이미 설치돼있어서 업데이트 됐다고 뜸. 아무튼 설치 완료. 권한 요청하기 import * as Location from "expo-location"; import { useEffect, useState } from "react"; ... const [location, setLocation] = useState(); // 위치 객체 저장 const [ok, setOk] = useState(true); // 권한 요청 여부 const ask = async () => { const permission = await Location.requestForegroundPermissionsAsync..

Styles Layout setting App.js import { View, Text, StyleSheet } from "react-native"; export default function App() { return ( Seoul 27 Sunny ); } const styles = StyleSheet.create({ container: { flex: 1, backgroundColor: "orange", }, city: { flex: 1, justifyContent: "center", alignItems: "center", }, cityName: { fontSize: 68, fontWeight: "500", }, weather: { flex: 3, }, day: { flex: 1, alignItems:..

(노마드 코더 강의 정리함) React Native Packages StyleSheet.create - StyleSheet.create를 쓰면 자동완성 쓸 수 있어서 좋다. - 이거 없이 object 형식으로도 동작은 하지만 자동완성 기능 없어서 불편하기 때문에 쓰자. ReactNative.dev https://reactnative.dev/docs/components-and-apis Core Components and APIs · React Native React Native provides a number of built-in Core Components ready for you to use in your app. You can find them all in the left sidebar (or men..

1. 폴더 만들기 - 원하는 폴더 경로로 이동해서 다음 명령어 입력 expo init (폴더명) expo init rn-app-test 템플릿 선택하는게 나오는데 첫번째꺼 선택해서 Enter! 설치하는데 시간이 좀 걸린다. 설치 완료 2. Expo 로그인과 실행 - 앱이랑 연동하려면 expo 로그인부터 해줘야한다. cd rn-app-test: 생성한 폴더로 경로 이동 code .: VS Code 실행 VS Code 에서 터미널 실행 or 기존 터미널로 실행 (window에서는 vscode에서 터미널 실행이 편할듯) - expo 로그인을 한다. expo login 앱에서 회원가입 할 때 이메일이나 이름 입력하고 비밀번호를 입력하면 다음과 같이 로그인 성공이 뜰거다. - 서버 실행 npm start 실행하고..

1. expo-cli 설치 npm install --global expo-cli - 에러가 난다면 앞에 sudo 를 붙인다. sudo npm install --global expo-cli >> expo는 react-native 공부하는데 자바랑 안스, xcode 설치 등등 안해도되고 앱만 설치하면 앱 만들어 볼 수 있다고 함. >> 설치하다 포기 안해도 됨 >> but 앱 배포나 실제 서비스 적용 하려면 다 설치해서 해야한다. expo는 단지 테스트용으로만... 2. expo 앱 설치 안드로이드 : Expo iOS : Expo Go 설치하고 회원가입 후 로그인까지 진행한다.