RESTful API 활용 프로젝트

GoogleMap API, OpenWeatherMap API

날씨 정보를 가져와 UI로 표시하는 프로젝트를 시작하려 합니다.

프로젝트의 주제는 K리그 경기장들의 날씨를 한눈에 볼 수 있는 웹 서비스입니다.

날씨정보 불러와서 구글지도에 표시

우선 날씨 정보를 가져와서 지도 위에 표시하는 것을 완료했습니다.

추가 기능을 넣어서 UX 개선을 하고 싶은 상황에서

도시를 클릭하면 별개의 창을 띄워 상세설명을 할 것인지. / 도시를 클릭하면 클릭된 박스를 확장시켜 상세설명을 표시할 것인지 선택해야 했습니다.

결과적으로 아이콘을 클릭하면 전체 아이콘 변경과 클릭된 도시의 자세한 정보를 오른쪽 상단에 따로 표시해 주는 방향으로 선택했습니다.

 

Tip 버튼 (이용방법 안내)는 왼쪽에서 오른쪽으로 글을 읽는 한국인의 특성을 고려해서 왼쪽에 배치했습니다.

UI//UX개선 버전

아이콘 같은 경우 가독성을 높이기 위해 배경색을 사용하기로 했으며, 주변 환경과 이질감이 없는 파스텔톤의 파란색을 선택했습니다.

이렇게 프로젝트를 마무리하려고합니다.

구글 맵의 전체화면 기능을 이용하면 일부 기능이 눈에 보이지 않게 되는 문제가 있지만 이번 프로젝트의 목적이상의 에너지를 사용하지 않으려고 합니다.

 

https://github.com/KIMHUISEUNG/RESTful-API-project

GitHub - KIMHUISEUNG/RESTful-API-project