[flutter] 플러터 앱에서 다국어 지원을 위한 도메인 설정 방법

12 Dec 2023

flutter

플러터 앱을 개발할 때, 다국어 지원은 중요한 요소입니다. 사용자가 다양한 언어로 앱을 이용할 수 있게 함으로써 광범위한 사용자층을 대상으로 앱을 제공할 수 있기 때문입니다. 플러터에서는 앱에 다국어 지원 기능을 추가하고 관리하기 위해 도메인(Domain)을 설정해야 합니다.

이 글에서는 플러터 앱에서 다국어 지원을 위한 도메인 설정 방법에 대해 알아보겠습니다.

1. 다국어 요소 정의

먼저, 앱에서 다국어 지원을 위해 사용할 문구나 문장을 정의해야 합니다. 이러한 다국어 요소는 플러터 앱의 Locale 클래스를 사용하여 관리됩니다.

import 'package:flutter/material.dart';

class MyLocalizations {
  static Map<String, Map<String, String>> _localizedValues = {
    'en': {
      'title': 'Hello World!',
      'buttonText': 'Click Me',
    },
    'ko': {
      'title': '안녕, 세상!',
      'buttonText': '눌러봐',
    },
  };

  String? get title {
    return _localizedValues[Locale.languageCode]!['title'];
  }

  String? get buttonText {
    return _localizedValues[Locale.languageCode]!['buttonText'];
  }

  // ...
}

위 예제에서는 영어(EN)와 한국어(KO)에 대한 제목과 버튼 텍스트를 관리하는 예제를 보여줍니다.

2. 다국어 지원 도메인 설정

플러터에서는 다국어 지원을 위한 도메인을 설정하여 다국어 요소의 관리를 간편하게 합니다. 이를 위해 MaterialApp 위젯의 localizationsDelegates와 supportedLocales 속성을 활용합니다.

return MaterialApp(
  localizationsDelegates: [
    GlobalMaterialLocalizations.delegate,
    GlobalWidgetsLocalizations.delegate,
    // 추가 도메인 설정을 위한 LocalizationsDelegate 추가
    MyLocalizations.delegate,
  ],
  supportedLocales: [
    const Locale('en', ''),
    const Locale('ko', ''), // 지원할 언어 추가
  ],
  // ...
);

MyLocalizations.delegate를 localizationsDelegates에 추가하고, 지원할 언어에 해당하는 Locale을 supportedLocales에 추가하여 다국어 지원을 위한 도메인 설정을 완료하게 됩니다.

마무리

앱에서 다국어 지원을 위한 도메인 설정은 플러터에서 다국어 관리를 효율적으로 처리할 수 있는 중요한 과정입니다. 위의 방법을 활용하여 플러터 앱에서도 다양한 언어를 지원하고 광범위한 사용자들에게 더 나은 서비스를 제공할 수 있습니다.

참고 문헌:

Flutter Official Documentation: Internationalizing Flutter apps

위의 방법을 활용하여 플러터 앱에서도 다양한 언어를 지원하고 광범위한 사용자들에게 더 나은 서비스를 제공할 수 있습니다.

markdown

플러터 앱에서 다국어 지원을 위한 도메인 설정 방법

이 글에서는 플러터 앱에서 다국어 지원을 위한 도메인 설정 방법에 대해 알아보겠습니다.

1. 다국어 요소 정의

import 'package:flutter/material.dart';

class MyLocalizations {
  static Map<String, Map<String, String>> _localizedValues = {
    'en': {
      'title': 'Hello World!',
      'buttonText': 'Click Me',
    },
    'ko': {
      'title': '안녕, 세상!',
      'buttonText': '눌러봐',
    },
  };

  String? get title {
    return _localizedValues[Locale.languageCode]!['title'];
  }

  String? get buttonText {
    return _localizedValues[Locale.languageCode]!['buttonText'];
  }

  // ...
}

위 예제에서는 영어(EN)와 한국어(KO)에 대한 제목과 버튼 텍스트를 관리하는 예제를 보여줍니다.

2. 다국어 지원 도메인 설정

return MaterialApp(
  localizationsDelegates: [
    GlobalMaterialLocalizations.delegate,
    GlobalWidgetsLocalizations.delegate,
    // 추가 도메인 설정을 위한 LocalizationsDelegate 추가
    MyLocalizations.delegate,
  ],
  supportedLocales: [
    const Locale('en', ''),
    const Locale('ko', ''), // 지원할 언어 추가
  ],
  // ...
);

마무리

참고 문헌:

Flutter 공식 문서: Internationalizing Flutter apps