유용한 libs, APIs

위치 얻어오기(https://developer.mozilla.org/ko/docs/Web/API/Geolocation_API)

navigator.geolocation.getCurrentPosition()

 

날씨 API(https://openweathermap.org/)

 

async programming with Promise

Promise (https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Global_Objects/Promise)

Using promises (https://wiki.developer.mozilla.org/ko/docs/Web/JavaScript/Guide/Using_promises)

function getWeather(coordsObj) {
    const lati = coordsObj.latitude;
    const longi = coordsObj.longitude;

    fetch(
        `https://api.openweathermap.org/data/2.5/weather?lat=${lati}&lon=${longi}&appid=${API_KEY}&units=metric`
    ).then(function(response) {
        return response.json();
    }).then(function(json) {
        const temperature = json.main.temp;
        const place = json.name;
        weather_span.innerHTML = `${temperature} Celsius @ ${place}`;
    });
}