이번에는 flutter 앱 내에서 지역화된 테마파크와 어트랙션 가이드 앱을 만들어보겠습니다. 해당 앱은 easy_localization 플러그인을 사용하여 여러 언어로 쉽게 번역 및 지역화할 수 있습니다.

1. 프로젝트 설정

먼저, flutter 프로젝트를 생성하고 easy_localization 플러그인을 추가합니다. pubspec.yaml 파일에 다음과 같이 dependency를 추가합니다:

dependencies:
  flutter:
    sdk: flutter
  easy_localization: <latest_version>

그리고 main 파일에서 EasyLocalization을 초기화합니다:

void main() {
  runApp(EasyLocalization(
      supportedLocales: [Locale('en', 'US'), Locale('ko', 'KR')],
      path: 'assets/translations',
      fallbackLocale: Locale('en', 'US'),
      child: MyApp()));
}

2. 지역화된 테마파크/어트랙션 데이터 만들기

앱에 표시될 테마파크 및 어트랙션 데이터를 각 언어에 맞게 JSON 파일로 만들어 추가합니다. 예를 들어, en.json, ko.json과 같이 언어 코드에 맞는 JSON 파일을 생성하여 번역된 데이터를 추가합니다.

// en.json
{
  "app_title": "Theme Park Guide",
  "park_list": {
    "disneyland": "Disneyland",
    "universal_studios": "Universal Studios",
    "six_flags": "Six Flags"
  }
}

// ko.json
{
  "app_title": "테마파크 가이드",
  "park_list": {
    "disneyland": "디즈니랜드",
    "universal_studios": "유니버설 스튜디오",
    "six_flags": "식스 플래그스"
  }
}

3. 앱에 지역화된 데이터 표시

이제 만들어진 데이터를 앱에 적용합니다. easy_localization 플러그인을 사용하여 앱 내에서 언어에 맞게 데이터를 표시할 수 있습니다.

Text(AppLocalizations.of(context).app_title)
...
Text(AppLocalizations.of(context).park_list['disneyland'])

4. 어플리케이션 실행하기

이제 flutter 앱을 실행하면 지역화된 테마파크/어트랙션 가이드 앱이 준비됩니다. 사용자 언어 설정에 따라 앱은 해당 언어로 데이터를 표시합니다.

위에서 언급한 간단한 예시를 통해, flutter의 easy_localization 플러그인을 활용하여 다국어 지원 앱을 쉽게 개발할 수 있습니다.

참고 자료

• easy_localization 플러그인

Happy coding! 🚀