하나의 화면에서 더 많은 생활 정보를 확인할 수 있도록 개선했습니다
이번에 미세먼지어때 앱을 새롭게 개편했습니다.
기존에는 현재 위치 기준 미세먼지 정보와 가까운 측정소 정보를 확인하는 데 초점을 맞췄다면, 이번 개편에서는 하단 탭 구조를 적용해 한 앱 안에서 여러 기능을 더 편하게 사용할 수 있도록 구성했습니다.
특히 미세먼지 정보뿐 아니라 측정소 지도, 오늘날씨, 일기예보까지 함께 확인할 수 있도록 화면 구성을 확장했습니다.
1. 하단 탭 방식으로 화면 구조 개편
이번 개편의 가장 큰 변화는 하단 탭 메뉴 적용입니다.
기존에는 한 화면 안에 여러 정보를 배치하다 보니 화면이 길어지고, 원하는 정보를 찾기 위해 스크롤을 많이 해야 하는 불편함이 있었습니다.
이번에는 기능별로 화면을 나누었습니다.
홈
측정소
오늘날씨
일기예보이렇게 4개의 탭으로 구성해 사용자가 필요한 정보를 바로 선택할 수 있도록 했습니다.
2. 홈 화면: 현재 미세먼지 정보 중심
홈 화면은 기존 미세먼지어때의 핵심 기능을 유지했습니다.
현재 위치를 기준으로 대기질 정보를 확인하고, 미세먼지와 초미세먼지 상태를 직관적으로 볼 수 있도록 구성했습니다.
주요 정보는 다음과 같습니다.
미세먼지 상태
초미세먼지 상태
가까운 측정소 정보
현재 위치 기준 대기질 정보또한 글자가 잘리지 않도록 화면 여백과 글자 크기, 측정소 목록 표시 방식을 조정했습니다.
3. 측정소 화면: 지도 기반 측정소 확인
측정소 탭에서는 지도 기반으로 가까운 측정소를 확인할 수 있도록 개선했습니다.
현재 위치를 기준으로 주변 측정소를 지도에 표시하고, 사용자가 측정소 위치를 직관적으로 확인할 수 있게 했습니다.
이번 개편에서는 측정소 표시 개수도 조정했습니다.
가까운 측정소 5개 표시
현재 위치 표시
측정소 위치 지도 표시너무 많은 측정소가 한 번에 표시되면 지도가 복잡해질 수 있기 때문에, 가까운 측정소 중심으로 간결하게 표시하도록 했습니다.
4. 오늘날씨 화면 추가
이번 개편에서 새롭게 보강한 기능 중 하나는 오늘날씨 화면입니다.
기존 미세먼지 정보만으로는 외출 여부를 판단하기 부족할 수 있어, 오늘의 날씨 정보를 함께 확인할 수 있도록 구성했습니다.
오늘날씨 화면에서는 현재 위치 기준으로 오늘 날씨를 조회합니다.
표시 정보는 다음과 같습니다.
오늘 오전 날씨
오늘 오후 날씨
최고 / 최저 온도
강수확률
시간대별 날씨시간대별 날씨는 현재 시간 이후의 오늘 날씨만 표시하도록 정리했습니다.
예를 들어 오전 10시에 앱을 실행하면 10시 이후의 시간대별 날씨를 확인할 수 있습니다.
10:00
11:00
12:00
13:00
...불필요하게 내일이나 모레 정보까지 섞이지 않도록 해서, 오늘 날씨 확인에 집중할 수 있도록 했습니다.
5. 일기예보 화면은 기상청 날씨누리로 연결
일기예보 탭은 기상청 정보를 직접 확인할 수 있도록 기상청 날씨누리 WebView 방식으로 변경했습니다.
앱 내부에서 자체적으로 중기예보를 조합하는 방식도 가능하지만, 기상청에서 제공하는 원본 화면을 직접 확인하는 것이 가장 정확하고 익숙한 방식이라고 판단했습니다.
그래서 일기예보 화면은 다음 사이트를 앱 안에서 보여주는 방식으로 구성했습니다.
https://www.weather.go.kr/이를 통해 사용자는 기상청에서 제공하는 공식 예보 정보를 직접 확인할 수 있습니다.
6. 현재 위치 기준 자동 재조회
오늘날씨 화면은 탭을 선택할 때마다 현재 위치를 기준으로 다시 조회하도록 개선했습니다.
기존에는 앱을 처음 실행할 때만 조회되거나, 화면에 다시 들어와도 이전 정보가 유지될 수 있었습니다.
이번 개편에서는 다음과 같이 동작합니다.
오늘날씨 탭 선택
→ 현재 위치 확인
→ 기상청 예보 재조회
→ 화면 갱신따라서 사용자가 이동한 경우에도 현재 위치 기준의 날씨 정보를 다시 확인할 수 있습니다.
7. 화면 여백과 글자 잘림 문제 개선
모바일 앱에서는 사용자가 휴대폰 글자 크기를 크게 설정하거나, 화면 확대 옵션을 사용하는 경우가 많습니다.
이 경우 일부 글자가 잘리거나 화면이 어색하게 보일 수 있습니다.
이번 개편에서는 다음 부분을 개선했습니다.
카드 간격 조정
블록 높이 조정
시간대별 날씨 정렬 개선
측정소 목록 표시 개선
하단 탭 아이콘 개선특히 오늘날씨 화면에서는 오전/오후 날씨와 시간대별 날씨가 더 자연스럽게 보이도록 여러 번 레이아웃을 조정했습니다.
8. 하단 탭 아이콘 개선
하단 탭에는 각 기능을 쉽게 구분할 수 있도록 아이콘을 적용했습니다.
홈
측정소
오늘날씨
일기예보처음에는 PNG 아이콘의 투명 배경 문제로 아이콘이 네모 모양으로 보이는 문제가 있었으나, 이를 보완하기 위해 SVG 아이콘 방식을 적용했습니다.
이를 통해 탭 아이콘이 더 깔끔하게 표시되도록 개선했습니다.
9. 이번 개편의 의미
이번 개편은 단순히 화면을 몇 개 추가한 수준이 아니라, 미세먼지어때 앱을 생활형 대기·날씨 정보 앱으로 확장하는 과정이라고 볼 수 있습니다.
기존에는 미세먼지 중심이었다면, 이제는 다음 정보를 함께 확인할 수 있습니다.
미세먼지
초미세먼지
가까운 측정소
측정소 지도
오늘날씨
시간대별 날씨
기상청 일기예보외출 전 한 번만 확인해도 대기질과 날씨 정보를 함께 볼 수 있도록 하는 것이 이번 개편의 핵심입니다.
10. 앞으로의 개선 방향
앞으로는 다음과 같은 기능도 추가로 검토하고 있습니다.
관심 지역 저장
자주 보는 측정소 즐겨찾기
미세먼지 나쁨 알림
날씨 변화 알림
측정소별 상세 이력
지도 기반 대기질 시각화또한 고령자나 일반 사용자가 더 쉽게 볼 수 있도록 글자 크기, 색상 대비, 화면 간격도 계속 조정할 예정입니다.
마무리
이번 미세먼지어때 개편은 사용자가 더 적은 조작으로 더 많은 정보를 확인할 수 있도록 하는 데 초점을 맞췄습니다.
하단 탭을 통해 기능을 분리하고, 미세먼지와 날씨 정보를 함께 확인할 수 있도록 개선했습니다.
앞으로도 미세먼지어때는 일상에서 바로 쓸 수 있는 간단하고 유용한 생활 정보 앱으로 계속 발전시켜 나가겠습니다.
아래처럼 일기예보 탭이 기상청 날씨누리 WebView로 변경된 내용에 맞춰 수정하면 됩니다.
미세먼지어때 앱 개편 안내
미세먼지와 날씨 정보를 한 화면 구조에서 더 쉽게 확인할 수 있도록 개선했습니다
이번에 미세먼지어때 앱을 새롭게 개편했습니다.
기존에는 현재 위치 기준 미세먼지 정보와 가까운 측정소 정보를 확인하는 데 초점을 맞췄다면, 이번 개편에서는 하단 탭 구조를 적용해 기능별로 화면을 나누고 더 편하게 사용할 수 있도록 개선했습니다.
이번 개편의 핵심은 다음과 같습니다.
홈
측정소
오늘날씨
일기예보하단 탭을 통해 미세먼지, 측정소 지도, 오늘날씨, 기상청 일기예보를 쉽게 이동하며 확인할 수 있습니다.
1. 하단 탭 방식으로 화면 구성 개선
기존에는 한 화면에 여러 정보를 함께 표시하다 보니 화면이 길어지고, 원하는 정보를 찾기 위해 스크롤을 많이 해야 하는 불편함이 있었습니다.
이번 개편에서는 하단 탭을 적용했습니다.
홈
측정소
오늘날씨
일기예보기능별로 화면을 분리해 사용자가 필요한 정보를 바로 선택할 수 있도록 했습니다.
2. 홈 화면: 미세먼지 정보 중심
홈 화면은 미세먼지어때의 기본 기능을 유지했습니다.
현재 위치를 기준으로 대기질 정보를 확인하고, 미세먼지와 초미세먼지 상태를 직관적으로 볼 수 있도록 구성했습니다.
주요 정보는 다음과 같습니다.
미세먼지 상태
초미세먼지 상태
현재 위치 기준 대기질 정보
가까운 측정소 정보또한 휴대폰 글자 크기 설정이나 화면 확대 설정에 따라 글자가 잘리는 문제를 줄이기 위해 화면 여백과 표시 방식을 조정했습니다.
3. 측정소 탭: 지도 기반 측정소 확인
측정소 탭에서는 현재 위치 기준으로 가까운 측정소를 지도에서 확인할 수 있도록 구성했습니다.
주변 측정소를 너무 많이 표시하면 지도가 복잡해질 수 있어, 가까운 측정소 중심으로 간결하게 표시하도록 조정했습니다.
현재 위치 표시
가까운 측정소 표시
측정소 지도 확인
측정소 선택 기능측정소를 선택하면 해당 측정소 기준으로 홈 화면의 미세먼지 정보를 확인할 수 있도록 구성했습니다.
4. 오늘날씨 탭: 오늘 날씨와 시간대별 예보 확인
오늘날씨 탭은 현재 위치 기준으로 오늘의 날씨를 확인할 수 있도록 추가한 화면입니다.
상단에는 오늘 날씨 요약을 표시하고, 하단에는 시간대별 날씨를 표시하도록 구성했습니다.
오늘 오전 날씨
오늘 오후 날씨
최고 / 최저 온도
강수확률
시간대별 날씨시간대별 날씨는 현재 시간 이후의 오늘 날씨만 표시하도록 정리했습니다.
예를 들어 오전 9시에 앱을 실행하면 9시 이후의 시간대별 날씨를 확인할 수 있습니다.
09:00
10:00
11:00
12:00
...불필요하게 내일이나 모레 정보가 섞이지 않도록 하여, 오늘 외출이나 이동 전에 바로 참고할 수 있도록 했습니다.
5. 일기예보 탭: 기상청 날씨누리 연결
일기예보 탭은 기존 자체 예보 구성 방식 대신 기상청 날씨누리를 직접 보여주는 방식으로 변경했습니다.
앱 내부에서 예보 데이터를 가공해 표시하는 방식도 가능하지만, 일기예보는 기상청에서 제공하는 공식 화면을 직접 확인하는 것이 가장 정확하고 익숙하다고 판단했습니다.
그래서 일기예보 탭에서는 아래 기상청 날씨누리 사이트를 WebView로 표시하도록 구성했습니다.
https://www.weather.go.kr/이를 통해 사용자는 앱을 벗어나지 않고도 기상청에서 제공하는 공식 날씨 정보를 확인할 수 있습니다.
일기예보 화면에는 다음 기능도 함께 구성했습니다.
기상청 날씨누리 WebView 표시
새로고침
홈 이동
외부 브라우저 열기
로딩 표시기상청 페이지가 모바일 WebView에서 일부 메뉴나 새 창 처리를 다르게 동작할 수 있어, 필요할 경우 외부 브라우저로 열 수 있는 기능도 함께 제공했습니다.
6. 현재 위치 기준 재조회
오늘날씨 탭은 화면을 선택할 때마다 현재 위치를 기준으로 다시 조회하도록 개선했습니다.
기존에는 최초 실행 시점의 정보가 유지될 수 있었지만, 이번 개편에서는 탭을 다시 선택하면 현재 위치 기준으로 날씨 정보를 다시 가져오도록 구성했습니다.
오늘날씨 탭 선택
→ 현재 위치 확인
→ 기상청 단기예보 조회
→ 화면 갱신이동 중이거나 다른 지역에서 앱을 실행하는 경우에도 현재 위치 기준으로 날씨 정보를 확인할 수 있습니다.
7. 화면 여백과 글자 표시 개선
모바일 앱에서는 사용자가 글자 크기를 크게 설정하거나, 화면 확대 옵션을 사용하는 경우가 많습니다.
이 경우 일부 글자가 잘리거나 화면 간격이 어색해질 수 있습니다.
이번 개편에서는 다음 부분을 개선했습니다.
카드 간격 조정
블록 높이 조정
시간대별 날씨 정렬 개선
측정소 표시 개수 조정
하단 탭 아이콘 개선
글자 잘림 문제 완화특히 오늘날씨 화면은 여러 차례 조정을 통해 오늘 날씨 요약과 시간대별 날씨가 더 자연스럽게 보이도록 개선했습니다.
8. 하단 탭 아이콘 개선
하단 탭에는 각 기능을 구분하기 쉽도록 아이콘을 적용했습니다.
홈
측정소
오늘날씨
일기예보초기에는 PNG 아이콘의 투명 배경 문제로 아이콘이 네모 형태로 보이는 문제가 있었지만, 이를 보완하기 위해 SVG 아이콘 방식으로 개선했습니다.
이를 통해 하단 탭 아이콘이 더 깔끔하게 표시되도록 했습니다.
9. 이번 개편의 의미
이번 개편은 미세먼지어때 앱을 단순한 미세먼지 조회 앱에서, 생활형 대기·날씨 정보 앱으로 확장하는 작업입니다.
이제 앱 하나에서 다음 정보를 함께 확인할 수 있습니다.
미세먼지
초미세먼지
가까운 측정소
측정소 지도
오늘날씨
시간대별 날씨
기상청 날씨누리 일기예보외출 전 미세먼지와 날씨를 한 번에 확인할 수 있도록 하는 것이 이번 개편의 핵심입니다.
10. 앞으로의 개선 방향
앞으로는 다음과 같은 기능도 추가로 검토하고 있습니다.
관심 지역 저장
자주 보는 측정소 즐겨찾기
미세먼지 나쁨 알림
날씨 변화 알림
측정소별 상세 정보
지도 기반 대기질 시각화또한 사용자가 더 쉽게 볼 수 있도록 글자 크기, 색상 대비, 화면 간격도 계속 개선할 예정입니다.
마무리
이번 미세먼지어때 개편은 사용자가 더 적은 조작으로 더 많은 정보를 확인할 수 있도록 하는 데 초점을 맞췄습니다.
하단 탭을 통해 기능을 나누고, 미세먼지와 날씨 정보를 함께 확인할 수 있도록 개선했습니다.
특히 일기예보 탭은 기상청 날씨누리와 직접 연결해 공식 예보 정보를 바로 확인할 수 있도록 했습니다.
앞으로도 미세먼지어때는 일상에서 바로 쓸 수 있는 간단하고 유용한 생활 정보 앱으로 계속 발전시켜 나가겠습니다.
'조그만 기술로 세상을 이롭게 > 미세먼지어때' 카테고리의 다른 글
| 기상청 API를 이용한 일기예보 앱 개발 방법 (3) | 2026.05.21 |
|---|---|
| 미세먼지어때 앱 개발 방법 (0) | 2026.05.20 |
| 미세먼지란? (0) | 2026.05.19 |
| 기상청 단기예보 요소 간단 설명 (0) | 2026.05.15 |
| 이플러스 개인정보 방침 (0) | 2026.05.13 |
