웨일 브라우저의 초기화면이나 크롬 확장 프로그램인 Momentum 을 보면 한 화면에 시간을 바로 확인할 수 있도록 화면 중앙에 시간이 표시되어있는데 이걸 시간이 아닌 날씨를 한눈에 바로 확인할 수 있으면 좋을 것 같아 제작한 날씨 웹 어플리케이션 '날씨어때?' 입니다.

시안

Figma

사용 기술

• Javascript
• CSS
• OpenWeatherMap API
• Kakao API

실행

1. 실행을 하기 전 API key 가 필요합니다.

   • OpenWeatherMap API 키
   • kakao REST API 키

2. config.js 에 발급받은 API 키를 추가해주세요.

   const config = {
       WEATHER_API_KEY: '발급받은_OpenWeatherMap_API_키',
       KAKAO_API_KEY: '발급받은_kakao_REST_API_키'
   };

3. VSCode 를 사용하는 경우 Live Server Extenstion 을 사용하거나 별도의 웹 서버를 통해 index.html 을 실행해주세요.