☀️ 나와 가장 가까운 날씨 알리미

배포 URL: 날씨 알리미
레포지토리: vanilla-js-weather-app

프로젝트 소개

• 작은 범위의 주소인 도로명 주소 만으로 날씨 검색 및 현재 위치의 날씨를 바로 알 수 있는 사이트입니다.
• 기존의 날씨 검색 사이트는 구주소나 도로명만으로 날씨 검색이 불가능합니다. 사용자가 가고자 하는 특정 위치의 날씨를 정확히 알기 위해 구주소와 신주소, 혹은 도로명 만으로 원하는 위치의 날씨 검색이 가능합니다.
• 장소를 이동한 후 새로고침 했을 때 현재 위치의 날씨가 자동으로 출력됩니다.

개발환경

기술 스택

사용 툴

서비스 배포 환경

프로젝트 사용 방법

[사이트 접속]

• 사이트 접속 시 현재 위치의 날씨가 바로 출력됩니다.

[위치 검색]

• 검색하고자 하는 위치의 날씨를 '구' 혹은 '도로명' 등 주소 일부만으로 검색이 가능합니다.

프로젝트 회고

• 날씨 정보를 알기 위해 사용한 공공 데이터 포털의 단기 예보 API를 사용했습니다. 해당 API는 예보 발표 시간과 40분의 차이가 있어 실시간 날씨가 아니라는 점이 아쉬웠습니다.
• 실시간으로 일주일 날씨를 예보하는 기능과 날씨에 따라 다른 애니메이션을 배경에 적용할 수 있도록 공부가 더 필요하다는 것을 느꼈습니다.
• 추후에 안정적인 개발을 위해 최근에 배웠던 TypeScript를 적용하고자 합니다.