오늘의 날씨 추가
오늘의 날씨를 추가하기위해서 필요한 것들.
위치 확인을 위한 expo-location
그리고 날씨 API 를 가져와야 할 axios
const getLocation = async () => {
//수많은 로직중에 에러가 발생하면
//해당 에러를 포착하여 로직을 멈추고,에러를 해결하기 위한 catch 영역 로직이 실행
try {
//자바스크립트 함수의 실행순서를 고정하기 위해 쓰는 async,await
await Location.requestPermissionsAsync();
const locationData= await Location.getCurrentPositionAsync();
const latitude = locationData['coords']['latitude']
const longitude = locationData['coords']['longitude']
const API_KEY = "cfc258c75e1da2149c33daffd07a911d";
const result = await axios.get(
`http://api.openweathermap.org/data/2.5/weather?lat=${latitude}&lon=${longitude}&appid=${API_KEY}&units=metric`
);
const temp = result.data.main.temp;
const condition = result.data.weather[0].main
console.log(temp)
console.log(condition)
setWeather({
temp,condition
})
} catch (error) {
Alert.alert("위치를 찾을 수가 없습니다.", "앱을 껏다 켜볼까요?");
}
}
temp 와 현재 날씨컨디션만 불러왔다.
서버리스의 시작 파이어베이스.
expo 도구 추가필요함 . 'expo install firebase'
'개발일기' 카테고리의 다른 글
나만의꿀팁개발 - 버튼정렬이 안돼.. (0) | 2021.07.19 |
---|---|
혼자하기]나만의꿀팁 (0) | 2021.07.18 |
코드리뷰. (0) | 2021.07.17 |
혼자하기] Navigator 연결하여 페이지 이동 (0) | 2021.07.16 |
ERR일기] @react-navigation/native 모듈을 찾을 수 없음. (0) | 2021.07.14 |