반응형
노마드 코더 강의 보고 따라해보았습니다!
1. OpenWeatherMap API를 사용합니다.
회원 가입을 하면 무료 API 키를 받을 수 있습니다.
2. 저는 Current Weather Data를 사용해보겠습니다.
들어가서 보면 아래의 화면이 나오게 될겁니다. 그대로 복사합니다.
그리고 중간에 자신의 위도와 경도와 API_KEY를 적어줍니다.(그래야지 자신의 위치가 제대로 나옵니다)
가져 온 다음 json 형태로 변환해줄 겁니다.
이렇게만 하면 날씨의 값을 가져오는 것은 끝났습니다.
3. 현재 위치와 API를 합친 전체적인 코드 입니다.
4. 화면에 표시될 View를 설정해줍니다.
5. 결과 화면 입니다.
왕초보를 위한 React Native 101 – 노마드 코더 Nomad Coders
React Native로 2개의 앱 만들기
nomadcoders.co
저에게는 위의 링크에 들어가셔서 초보를 위한 강의를 들으며 공부하는게 큰 도움이 되었습니다.
다들 화이팅!
반응형
'프론트엔드 > ReactNative' 카테고리의 다른 글
| (React Native) APK 추출 (2) | 2024.01.16 |
|---|---|
| (React Native) Expo) Spring boot와 연결 (2) | 2023.12.03 |
| (React Native) Style 다른 파일로 빼서 import 하기 && 페이지 이동 (8) | 2023.11.03 |
| (React Native) 스크롤바, 인디케이터 (4) | 2023.11.01 |
| (ReactNative) Expo (5) | 2023.10.18 |