반갑습니다! 오늘은 GeoLocation과 OpenWeatherMap API를 활용해서 위치 기반 날씨 위젯을 만들어 볼 겁니다. script.js 파일만 수정해주면 될 것 같네요! 위치 기반 알고리즘 script.js #1 async function checkWeatherByCoords(lat, lon) { const api_key...
안녕하세요🖐️ 지금까지 만든 날씨 위젯은 아직 아무런 기능 구현이 되지 않았죠? 오늘은 날씨를 검색하면 실제로 날씨가 출력될 수 있도록 기능 구현 작업을 해주도록 할께요😁 DOM 요소 선택 및 변수 할당 script.js const inputBox = document.querySelector(".input-box"); const searc...
안녕하세요🖐️ 오늘은 날씨 위젯을 실행하면 나오는 초기 화면의 레이아웃을 세팅해보도록 하겠습니다! 먼저 이미지를 넣어서 날씨를 표현해보도록 하겠습니다. 이미지를 고르려고 구글링을 하다가 Skycons라는 걸 발견했는데, animated되는 날씨 이미지가 마음에 들어서 이걸 사용했습니다. 사전에 필요한 파일 Skycons를 사용하려면 s...
안녕하세요! 블로그를 만들고 첫 게시물이네요 ㅎㅎ 9월에 전역을 하고, 복학하기 전에 어떤 활동을 할까 생각을 해보았고, 자바 스크립트로 간단한 프로젝트들을 만들어보자고 결심했습니다. 제가 해 볼 첫 번째 프로젝트는 날씨 위젯 코딩입니다😉 구현 목표 위치 검색 기능과 사용자 위치를 기반으로 현재 날씨 출력 날씨에 맞는 이미지 출력 ...