API2 [React] API로 날씨 앱 만들기 2(OpenWeather API 사용) https://conquer-it.tistory.com/194 API로 날씨 앱 만들기 1(OpenWeather API 사용) 4. 현재 위치한 날씨 데이터 보여주기 저번까지 동작은 하지 않는 UI까지 만들었다. 이제 API를 통해 이 UI가 동작하게 만들 차례이다. 이 작업은 state를 통해 진행을 해야 한다. weather라는 state를 만들고 이것을 WeatherBox의 props로 전달해 준다. App.js import { useEffect,useState } from 'react'; import './App.css'; import "bootstrap/dist/css/bootstrap.min.css"; import WeatherBox from "./component/WeatherBox"; im.. 2023. 2. 15. [React] API로 날씨 앱 만들기 1(OpenWeather API 사용) 오늘은 API를 사용하여 날씨 앱을 만들어 보자. 최종 결과물은 아래와 비슷한 구성이 될 것이다. https://velog.io/@gyultang/React%EB%A1%9C-%EB%82%A0%EC%94%A8%EC%95%B1-%EB%A7%8C%EB%93%A4%EA%B8%B0OpenWeather-API React로 날씨앱 만들기(OpenWeather API) 앱이 실행되자마자 유저는 현재 위치의 날씨를 볼 수 있다. (지역, 온도, 날씨 상태)유저는 다른 도시의 버튼을 볼 수 있다. (현재 도시, 4개 도시)유저는 다른 도시 버튼을 클릭하면 해당 도시의 velog.io (내가 만들고 싶은 날씨 앱과 가장 유사해 보여서 참고하게 되었다.) 날씨 앱의 특징 앱이 실행되면 유저 현재 위치의 날씨가 보인다. 날씨 .. 2023. 2. 13. 이전 1 다음
