Native React 썸네일형 리스트형 React Native 날씨앱 만들기2 (노마드코더) React Native 날씨앱 만들기1 (노마드코더)Weather API를 사용해서 날씨를 가져올 것이다. 사용할 API는 유명한 OpenWeatherMap API를 사용한다. https://openweathermap.org/api Weather API - OpenWeatherMap Please, sign up to use our fast and easy-to-work weather APIs for free. In case your requirements go beyond our freemium account conditions, you may check the entire list of our subscription plans. You can read the How to Start guide and e.. 더보기 Expo Location API 사용해보기 이 내용은 노마드코더의 React Native로 날씨앱 만들어보기를 학습하면서 작성한 글이다. 오늘은 React Native로 날씨앱을 만들기 위해서 Location API를 사용해볼 것이다. 즉, 유저가 현재 어디에 있는지 API를 사용해서 정보를 가져오는 것이다. 이번 내용은 React Native와는 연관 없는 내용으로 이루어져있다. 하지만, API를 가져오고 사용하는 방법을 공부하면 앞으로 개발할 때 도움이 많이 되므로 한 번쯤 학습해보는 건 나쁘지 않다고 생각하는 편이다. 그럼 시작해볼까요?! 1. Expo Location 설치해주기 API는 Expo의 Location을 사용할 것이니 해당 Expo Location을 설치해주는 게 첫 번째이다. 해당 내용에 관련한 공식 문서는 아래와 같으니 참고.. 더보기 React Native 스크린 크기를 구해보자! (Dimension) React Natvie 에서 width, height의 레이아웃을 사용자마다의 스크린 기준으로 개발하고 싶을 때가 있을 것이다. 스크린의 크기를 가져오기 위해서는 Dimension이라는 React Natvie 문서에서 제공해주는 API를 사용해야한다. import { Dimensions } from 'react-native'; import로 해당 라이브러리를 가져와보자. 가져온 다음 사용하는 방법은 간단하다. const { width, height } = Dimensions.get("window"); window의 width와 height를 가져오는 문구이다. 다양한 방식으로도 표현할 수 있다. const { width: SCREEN_WIDTH } = Dimensions.get("window"); 이런 .. 더보기 React Native Layout React Native를 공부할 때, 참고할 수 있는 문서는 아래와 같다. https://reactnative.directory expo는 많은 라이브러리 제공해준다. React Native에서 제공해줄 수 없는 부분까지 말이다. https://docs.expo.dev/versions/v44.0.0/sdk/async-storage/ AsyncStorage - Expo Documentation Expo is an open-source platform for making universal native apps for Android, iOS, and the web with JavaScript and React. docs.expo.dev React Native 레이아웃에 대해서 알아보자. React Native.. 더보기 React Native Expo 활용하기 React Native를 공부할 때, Test용도로 개발 후, 결과를 브라우저 혹은 핸드폰으로 바로 확인해볼 수 있는 사이트가 있다. https://snack.expo.dev/ Snack - React Native in the browser Write code in Expo's online editor and instantly use it on your phone. snack.expo.dev 1. 결과를 보고 싶은 핸드폰에 Expo Go 애플리케이션을 설치한 후, 회원가입을 해주면 된다. 2. 회원가입한 아이디로 위에 사이트에 접속해서 오른쪽에 위치해있는 My Device를 선택한다. 3. My Device를 선택하여 QR code를 사용하면, Expo Go 애플리케이션을 통해 디바이스가 연결된다. 4... 더보기 이전 1 다음
