결과물 URL

https://expo.dev/@hatvan/WeatherApp

캡처 이미지

자기소개

안녕하세요 2년정도 RN으로 개발을 하고 있는 홍홍홍입니다.

OS 기본 날씨앱을 클론하자는 원대한 꿈을 가지고 시작했으나 용두사미로 끝난감이 없잖아 있습니다.

그래도 열심히 했으니 이쁘게 봐주십쇼

서비스소개

openWeather API를 사용했습니다. 하루에 1000call 제한이 있어 1000call 이후에는 정상적으로 표시되지 않을 수 있습니다.

기본적으로 iOS 15, 14의 날씨 앱을 모방하였습니다. 첫 화면은 iOS 15, 상세 날씨는 iOS 14를 모방했습니다.

첫 화면에서 등록해둔 지역의 날씨를 확인할 수 있습니다. 앱 실행 시 권한을 수락하셨다면 현재 위치의 온도가 표시되게 됩니다.

아이템을 선택하게되면 상세 화면으로 이동합니다.

swipe를 통해 삭제 버튼이 표시됩니다. 버튼을 누르거나 일정 수준 이상 길이를 가진 상태에서 터치를 멈추게되면 해당 아이템이 삭제됩니다.

검색은 VWorld 검색 API(https://www.vworld.kr/dev/v4dv_search2_s001.do)를 사용했습니다. 읍/면/동으로 검색해주세요

검색 화면에서 입력하신 문자열과 일치한 부분만 흰색으로 표시됩니다.

개발 과정

아이폰 8 iOS 14를 사용하고 있다가 버전 업데이트 후 iOS 14, 15 날씨앱의 UI가 다르단걸 깨닫고 개발 계획이 90도로 꺽여 3일 정도 예상했던 개발 일정이 5일이나 걸렸습니다.

날씨에 사용될 이미지를 구하려고 고민을 좀 했었는데 적절한 이미지를 찾을 수 없어 날씨 카테고리 별로 색상을 지정하여 표시되도록 만들었습니다.

앞으로의 계획

시간이 된다면 RN 말고 네이티브 개발 찍먹을 해볼 계획입니다. 네이티브 모듈 에러나면 고통만 받는 홍홍홍에서 벗어나고 싶네요