👩🏼‍💻바닐라 JS로 크롬 앱 만들기 :#8.0-8.2

Weather 기능구현

• https://api.openweathermap.org/data/2.5/weather?lat=${lat}&lon=${lon}&appid=${API_KEY}&units=metric로 현재 위치및 날씨 불러오기.
• (+)불러온 데이터를 가지고 날씨에 따라 이모티콘이 출력되도록 함수 넣어줌.

const API_KEY ='15';

function onGeoOk(position) {
const lat = position.coords.latitude;
const lon = position.coords.longitude;
console.log("You alive in" ,lat ,lon)
const url =https://api.openweathermap.org/data/2.5/weather?lat=${lat}&lon=${lon}&appid=${API_KEY}&units=metric
fetch(url).then(response => response.json()).then(data => {
const weather = document.querySelector("#weather span:nth-child(2)")
const city = document.querySelector("#weather span:nth-child(1)")
const imogi = document.querySelector("#weather span:nth-child(3)")
imogi.innerHTML = whetherNow(data.weather[0].main);
weather.innerText = ${data.weather[0].main};
city.innerText = data.name;
} );
}
function whetherNow(weatherType) {
if (weatherType === "Rain") {
return '🌧️';
}
}
function onGeoError() {
alert( "you are in out side of earth");
}
navigator.geolocation.getCurrentPosition(onGeoOk, onGeoError);

//getCurrentPosition(positioncallback,errorcallback)

드디어...! 노마드 강의가 끝나서 css도 밤새도록 꾸몄는데.. 깃헙에 올려 배포만 남았는데
푸쉬하다가 브랜치가 꼬여버려서.... 망했다... 깃 이그노어도 이그노어 하라는 파일은 안하고 다른파일만
이그노어 해버려서 낼 배포에 다시도전 해야겠다.
엘리스 sw5기 스터디로 만든 프로젝트라 엘리스 폰트를 넣고 , 배경화면 사진도 엘리스 캐릭터를 따와서 직접 만들었다.. 첫 프로젝트인데 너무너무너무 뿌듯하다...! 레이서분들이 직접 사용하시면 너무 좋을것 같다.
이래서 코치님이 사람들이 쓸만한걸 만드는게 중요하다고 하셨구나 깨달았다.