API

react

react 프로젝트 4 (issue history)

1. 데이터 세분화 총 네개의 각자 다른 api를 불러와서 하나의 데이터로 합쳤을때 각자 객체의 속성값이 다르게 나와서 이 데이터들을 활용하는 것에 어려움이 있었습니다. 1) 먼저 모든 데이터에는 주소가 존재했기에 주소를 통한 filter처리를 먼저 해주었습니다. 서구,중구 등 셀렉트 요소를 사용하며 셀렉트가 될때 const handleSearchGu = (e) => { console.log(recentItems); const inputText = e.target.value.trim(); // localStorage.setItem("selectedOption", inputText); setChooseGu(locatoinList[inputText]); const filteredData = inputText..

javascript

API와 자바스크립트를 이용해 실시간 날씨 정보 받아오기

자바스크립트를 활용한 동적 날씨 정보 출력 이번에는 자바스크립트를 활용하여 날씨 정보를 동적으로 출력하는 방법을 알아보겠습니다. 이를 위해 7Timer라는 날씨 API를 사용하여 필요한 데이터를 가져올 것입니다. 1. API 데이터 가져오기 가져온 데이터를 활용하여 날씨 정보를 동적으로 출력하기 위해, 먼저 API 데이터를 가져와야 합니다. 이를 위해 fetch()를 사용하였습니다. fetch() 함수는 Promise를 반환하므로, async/await를 활용하여 비동기적으로 API 데이터를 가져옵니다. async function loadItems() { const data = await fetch( "https://www.7timer.info/bin/api.pl?lon=127.378&lat=36.349..

솔브1
'API' 태그의 글 목록