728x90
앱에서 만드는 부분은 산책이라
날씨 api를 넣어야겠다고 생각함
그래서
날씨 api를 쓰려고 한다
현재위치 가져오는 건
이미 모두 구현되어 있어서
위도경도에 따라 날씨 정보를 가져오면 됐다
openweather에서 api키를 발급받아야함
- 회원가입
https://openweathermap.org/api
2. api key받아오기
내 닉네임, 즉 마이페이지 부분을 클릭하면
Myservices가 있다
API keys를 클릭하여 키를 확인한다
3. 메인페이지에서 상단 메뉴바에서 API를 클릭
4. One Call API에서 API doc을 클릭
5. API call 하는 방법을 알 수 있음
https://api.openweathermap.org/data/3.0/onecall?lat={lat}&lon={lon}&exclude={part}&appid={API key}
이 코드를 사용하여 날씨를 가져올 수 있다
https://nomadcoders.co/react-native-for-beginners/lectures/3127
여기도 참고하면서 코드를 짰지만
오류가 났다
그래서 메일을 찾아보니까
3.0은 무료 사용자는 사용할 수 없어서
2.5로 해야하고
weather?을 해야했다
아무튼 이렇게 해서 값을 가져왔다...
let location = await Location.getCurrentPositionAsync({});
const response = await fetch(`https://api.openweathermap.org/data/2.5/weather?lat=${location.coords.latitude.toFixed(5)}&lon=${location.coords.longitude.toFixed(5)}&appid=${API_KEY}&units=metric`);
const res = await response.json()
console.log(res)
728x90
'프론트 > React Native, React' 카테고리의 다른 글
[리액트 네이티브] react native 확인 취소 알림창(Alert) 띄우기 (0) | 2023.07.07 |
---|---|
[리액트 네이티브] React-Native GPS로 사용자의 위치 가져와서 이동한 거리 선긋기 (Expo) (0) | 2023.07.07 |
[리액트네이티브] react-native firebase 연동 파이어베이스 연동 (0) | 2023.06.26 |
[리액트네이티브] react-native firebase firestore 데이터 읽기 (0) | 2023.06.26 |
[리액트네이티브] react-native header 헤더 꾸미기 (0) | 2023.06.26 |