이 글이 날씨 위젯 프로젝트의 마지막이 될 것 같네요😭 제가 만든 프로그램에는 3가지 문제가 있었습니다. 위치 아이콘을 클릭했을 때, 날씨는 출력이 되지만 위치가 출력이 안되는 문제 잘못된 위치를 검색했을 때, 아무런 출력이 없는 문제 한국어가 아닌 영어로 출력되는 문제 오늘은 이 3가지 문제를 해결하는 과정을 포스팅해볼께요! ...

반갑습니다! 오늘은 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월에 전역을 하고, 복학하기 전에 어떤 활동을 할까 생각을 해보았고, 자바 스크립트로 간단한 프로젝트들을 만들어보자고 결심했습니다. 제가 해 볼 첫 번째 프로젝트는 날씨 위젯 코딩입니다😉 구현 목표 위치 검색 기능과 사용자 위치를 기반으로 현재 날씨 출력 날씨에 맞는 이미지 출력 ...