[flutter] easy_localization을 활용한 앱 내 지역화된 날씨 정보 표시

14 Dec 2023

이번에는 Flutter 앱에서 easy_localization 패키지를 활용하여 지역화된 날씨 정보를 표시하는 방법에 대해 알아보겠습니다.

1. easy_localization이란?

easy_localization은 Flutter 앱에서 다국어 및 지역화 기능을 쉽게 구현할 수 있도록 도와주는 패키지입니다. 이 패키지를 사용하면 앱에서 사용되는 문자열을 쉽게 번역하고, 지역화된 형식으로 날짜, 시간 등을 표시할 수 있습니다.

먼저, pubspec.yaml 파일에 easy_localization 패키지를 추가합니다.

dependencies:
  flutter:
    sdk: flutter
  easy_localization: ^3.0.0
  # 다른 의존성

의존성을 추가한 후에는 터미널에서 다음 명령어를 실행하여 패키지를 설치합니다.

flutter pub get

다음으로는 앱에서 사용할 지역화된 문자열을 저장할 지역화 파일을 추가해야 합니다. 이를 위해서는 assets/lang 디렉토리를 생성하고, 해당 디렉토리에 지역별 JSON 파일을 추가합니다.

예를 들어, 한국어와 영어의 지역화 파일을 추가한다면 다음과 같은 구조가 될 것입니다.

assets
└── lang
    ├── en.json
    └── ko.json

en.json과 ko.json 파일 내에는 각각 해당 지역의 문자열과 값이 포함됩니다.

이제 easy_localization을 통해 지역화된 문자열을 사용할 수 있습니다. 예를 들어, 현재 지역화된 날씨 정보를 표시하는 문자열은 다음과 같이 사용할 수 있습니다.

Text('이번 주 '+ '🌤️'.tr() + ' - ' + '☔️'.tr())

위와 같이 사용하면, ko.json 파일에 해당하는 키와 값이 있는 경우 한국어로, en.json 파일에 해당하는 키와 값이 있는 경우 영어로 문자열이 표시됩니다.

마지막으로, 지역화된 문자열과 함께 실제 날씨 정보를 표시하기 위해, 선택한 API와 통신하여 날씨 정보를 가져온 후 해당 정보를 지역화된 형식으로 표시합니다. 이를 위해 다양한 날씨 정보 API 중에서 선택하여 해당 API를 사용하면 됩니다.

easy_localization 패키지를 활용하여 Flutter 앱에서 지역화된 날씨 정보를 표시하는 방법에 대한 간략한 내용을 소개했습니다. 이를 참고하여 앱에 필요한 지역화된 기능을 구현해보시기 바랍니다.

참고 문헌: