세계 시간 앱 만들기 - World Time

Time zone in Flutter Event Calander - Syncfusion

timezone | Dart Package
flutter_bloc | Flutter Package
equatable | Flutter Package
shared_preferences | Flutter Package

이번에는 Timezone 관련해서 궁금한 부분도 있고, 2년 전에 글로벌 서비스 개발한 이 후로는 국내 서비스만 개발하다 보니 Location & Timezone에 대한 고려를 하지 않아도 되서 다 까먹어 버렸다. 그리고 현재 세계 시간을 살펴봐야 하는데 내가 원하는 형태로 보여주는 서비스가 없어서 그냥 세계 시간을 보여줄 수 있는 앱을 만들기로 했다.

세계 시간을 노출해야 하는 경우가 있거나 관심 있으신 분들은 가볍게 봐주시면 좋을 것 같다.

먼저 Flutter에서 세계 시간을 받아오는 방법은 여러 가지가 있는데, 저는 timezone 라이브러리를 사용하였다.

Flutter에서 타임존은 현재 로케이션을 기준으로 생성되기 때문에, 원하는 타임존을 받아오기 위해서는 타임존의 이름을 알고 있어야 한다.

타임존의 이름은 Syncfusion에서 정리해 놓은 사이트가 있어서 해당 사이트를 참고해서 사용했다.

간단한 UI로 개발하였고, 제가 필요한 부분들만 노출하고 싶어서 개발된 앱이니 코드 참고하셔서 사용하실 분들은 사용하셔도 된다.

개발한 내용을 전부 작성하기에는 내용이 너무 길어 코드만 공유하도록 하겠다.

세계 시간을 전체적으로 볼 수 있고, 원하는 시간대만 추가해서 메인에서 노출될 수 있도록 하였다. UI는 리스트 뷰와 그리드 뷰를 변경할 수 있고, 데이터 저장은 로컬 저장소를 사용하였다.

메인에 저장한 시간대는 정렬을 변경할 수 있으며, 삭제할 수 있다.

Environment

flutter : 3.10.5

environment:
  sdk: '>=3.0.5 <4.0.0'
  
dependencies:
  cupertino_icons: ^1.0.2
  timezone: ^0.9.2
  flutter_bloc: ^8.1.3
  equatable: ^2.0.5
  shared_preferences: ^2.2.0

---

Result

---

---

Git

https://github.com/boglbbogl/flutter_world_time_app