🌱 바닐라JS 챌린지

• 기간 : 2021.02.08 ~ 2021.02.20
• 챌린지 참여 사이트 : 노마드 코더-바닐라 JS로 크롬 앱 만들기 (https://nomadcoders.co/)

📅 2주동안 스케쥴

✔️1일차 : javaScript대한 기본 지식(📖 #1.1 ~ #1.5)
✔️2일차 : 변수 및 Array(📖#1.6 ~ #1.10)
✔️3일차 : javaScript Function (📖#2.1 ~ #2.4)
✔️4일차 : javaScript if/else(📖#2.5 ~ #2.7)
✔️5일차 : local storage에 값 저장(📖#3.1 ~ #3.2)
✔️6일차 : 지금까지 배운 것을 활용 해서 todo list 만들기(📖#3.3 ~ #3.4)
✔️7일차 : 휴일 🥳
✔️8,9일차 : 변수 및 Array(📖#3.5 ~ #3.7)
✔️10일차 : 복습
✔️11,12일차 : 복습
✔️13,14일차 : 복습(마지막 과제 momentum클론)

🔴 자세한 스케쥴 및 강의 내용은 노마드 코더 사이트에서 보실 수 있습니다!
🔴 과제 codeSandeBox

---

👏 결과

👉 https://monii.github.io/

---

💻 개발환경/기능

• 개발언어: javaScript,HTML5,CSS
  
• IDE: VScode
  
• API: https://openweathermap.org/current#format
  

function getWeather(lat, lon) {
  fetch(
    `https://api.openweathermap.org/data/2.5/weather?lat=${lat}&lon=${lon}&appid=${API_KEY}&units=metric`
  )
    .then((response) => {
      return response.json();
    })
    .then((json) => {
      saveCityLs(json.name);
      COORDS.innerHTML = json.name;
      WEATHER.innerHTML = `${json.main.temp}℃`;
    });
}

• 기능
  

1. 이름, 오늘 할일, 완료한 일을 저장!
   
2. 위치 기반으로 날씨와 기온 표시
   

---

📌 ToDo Update

1. 전체적인 CSS수정하기(2021.09.12)
2. 일주일 날씨 API추가(2021.09.13)
3. 달력추가(2021.09.14)