[flutter] easy_localization으로 플러터 앱의 지역화된 야외 활동 정보 제공

14 Dec 2023

flutter

앱을 다국어로 제공하려면 easy_localization 플러그인을 사용하는 것이 좋습니다. easy_localization은 Flutter 애플리케이션에서 다국어 지원을 간단히 구현할 수 있게 해주는 플러그인입니다. 이 튜토리얼에서는 easy_localization을 사용하여 지역화된 다국어 야외 활동 정보를 제공하는 Flutter 앱을 만드는 방법을 알아보겠습니다.

1. 환경 설정

먼저, Flutter 앱을 개발할 환경을 설정해야 합니다. Flutter 공식 사이트에서 Flutter를 설치하고 개발 환경을 구성하세요.

2. `easy_localization` 플러그인 설치

easy_localization 플러그인을 프로젝트에 추가합니다. pubspec.yaml 파일을 열고 아래와 같이 easy_localization 의존성을 추가합니다.

dependencies:
  flutter:
    sdk: flutter
  easy_localization: ^3.0.0

터미널에서 flutter pub get 명령을 실행하여 종속성을 가져옵니다.

3. 지역화 문자열 추가

easy_localization을 사용하여 지역화된 문자열을 추가합니다. lib/assets/locales 폴더에 지역화에 사용될 JSON 파일을 만듭니다.

예를 들어, en.json 파일에는 영어로 된 문자열을, ko.json 파일에는 한국어로 된 문자열을 저장합니다.

// en.json
{
  "activity": {
    "hiking": "Hiking",
    "cycling": "Cycling"
  }
}

// ko.json
{
  "activity": {
    "hiking": "등산",
    "cycling": "사이클링"
  }
}

4. 지역화된 야외 활동 정보 표시

이제 easy_localization을 사용하여 지역화된 문자열을 표시할 수 있습니다.

import 'package:flutter/material.dart';
import 'package:easy_localization/easy_localization.dart';

class OutdoorActivityPage extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('outdoor_activity'.tr()),
      ),
      body: Column(
        children: [
          Text('activity.hiking'.tr()),
          Text('activity.cycling'.tr()),
        ],
      ),
    );
  }
}

'outdoor_activity'.tr() 및 'activity.hiking'.tr()는 easy_localization 플러그인을 통해 지역화된 문자열을 가져옵니다.

5. 마치며

이제 easy_localization을 사용하여 지역화된 야외 활동 정보를 제공하는 Flutter 앱을 만들었습니다. easy_localization을 사용하면 애플리케이션의 다국어 지원을 간단하게 구현할 수 있으므로, 국제 사용자들에게 더 나은 사용 환경을 제공할 수 있습니다.

이 튜토리얼이 도움이 되었기를 바랍니다. 감사합니다.

참고 자료

easy_localization 플러그인 공식 문서

목차