API를 통해 날씨 조회 웹앱 작성

https://openweathermap.org/ 에서 무료 API Key를 받아 JSON을 기반으로 실제로 작동하는 웹앱을 작성해봤다.

서버에서 fetch로 받을 수 있는 JSON이 영어로만 되어 있어, 영어로만 도시 이름을 입력해야만 현재 날씨를 조회할 수 있고 한글을 지원할 수 있는 기능이 없어서 약간의 아쉬움은 남았다.

지금은 JSON에서 "Busan"이라고 도시명이 왔을 때, 대소문자 구분없이 "bUsAn"이라고 입력해도 구분해서 인식할 수 있게 한 것과 날씨 API에서 날씨아이콘을 지원하는 URL을 찾아 연결시킨 것, 그리고 나름대로 HTML, CSS 디자인을 깔끔하게 한 것에 만족감을 느낀다.

시간이 좀 더 허락된다면 API에서 받아온 JSON의 도시명 List를 드랍다운이나 팝업시켜서 볼 수 있게 하고 선택할 수도 있고 타이핑하면 keyUp 이벤트를 통해 도시명들 중에 입력한 문자가 포함된 것들만 필터로 보이게 하고 싶다.

!이 과제를 통해 실용적인 앱을 만든 다는 것에 조금 자신감을 얻었고 앞으로 고급 기술들을 더 많이 익혀서 더 좋은 품질의 앱을 만들어 보고 싶다.