BelieveCom

플러터(Flutter)에서 TableCalendar 라이브러리를 사용해서 Calendar를 생성하면 영문으로 출력됩니다. 오늘은 캘린더를 한글로 변경하는 방법을 알아보겠습니다.

한글로 변경하는 방법은 다양하게 있지만 locale 옵션을 사용해서 간단하게 변경해 보겠습니다. 먼저 소스 상단에 import가 필요합니다.

import 'package:intl/date_symbol_data_local.dart';

intl에 포함되어 있는 date_symblo_data_local.dart 파일을 포함합니다.

main 함수에서 앱 실행 전에 DateFormatting 함수를 실행합니다.

initializeDateFormatting().then((_) => runApp(const MyApp()));

이제 TableCalendar에서 옵션으로 locale를 사용할 수 있습니다.

TableCalendar 옵션에서 " locale: 'ko-KR' "을 추가합니다.

앱을 실행하면 정상적으로 캘린더 정보가 한글로 변경되어 있는 것을 확인할 수 있습니다.

감사합니다.

플러터(Flutter)를 이용한 달력을 구현해 보겠습니다. 플러터(Flutter)에서 달력을 사용하기 위해서는 먼저 TableCalendar을 설치해야 합니다.

Android Studio Terminal 및 cmd를 사용해서 커맨드를 입력합니다.

Flutter pub add table_calendar

별 문제 없다면 정상적으로 설치되며, 설치되어 있다면 버전을 확인할 수 있습니다.

Project에서 pubspec.yaml파일로 이동 후 dependencies 항목 아래쪽에 'table_calendar: ^3.0.9'을 입력합니다. 처음 설치 시 확인된 버전을 입력하면 됩니다.

이제 패키지를 로드해야 합니다. import를 사용해서 패키지 정보를 입력합니다.

import 'package:table_calendar/table_calendar.dart';

정상적으로 TableCalendar이 설치되어 있다면 패키지가 비활성화됩니다.

main.dart 파일로 이동 후 하단에 있는 build 함수에 TableCalendar을 선언합니다.

 return Scaffold(
      appBar: AppBar(
        // Here we take the value from the MyHomePage object that was created by
        // the App.build method, and use it to set our appbar title.
        title: Text(widget.title),
      ),
      body: TableCalendar(
        firstDay: DateTime.utc(2010, 10, 16),
        lastDay: DateTime.utc(2030, 3, 14),
        focusedDay: DateTime.now(),
        ),
      );

firstDay, lastDay, focusedDay를 기본적으로 입력하면 최대, 최소 기간을 설정할 수 있고, 실행 시 오늘 날짜로 이동합니다.

정상적으로 컴파일되면 Android화면에서 TableCalendar UI를 확인할 수 있습니다. 감사합니다.

플러터(Flutter) 실행 시 'No Connected Device Found' 문제가 발생했습니다. 

내용을 확인하면 연결할 수 있는 Devices를 찾을 수 없다고 합니다. ADB 실행 시 잘되던 게 안 되는 겁니다. 그래서 문제를 해결하기 위해서 하나씩 확인해 보겠습니다.

먼저 SDK 설정을 확인해 보겠습니다. File에서 'Project Structure'를 선택합니다.

Project 항목에서 SDK를 선택합니다. ADB에 설정된 SDK를 선택하고 저장을 클릭합니다. 정상적이라면 플러터(Flutter) 컴파일이 실행됩니다. 그런데 안 되는 경우가 있습니다.

'setting' 메뉴에서 Android SDK 항목을 선택하면 선택한 SDK 업데이트가 필요한 경우가 있습니다. SDK 확인하면, 체크가 아닌 업데이트(Update Available)로 변경되어 있습니다.

SDK를 선택하면 체크되면서 업데이트를 준비하게 됩니다. 'Apply' 버튼을 클릭합니다.

SDK 업데이트를 진행하면, 정상적으로 SDK가 체크되어 있습니다. Android Studio를 재실행하고 플러터(Flutter) 컴파일을 진행하면 정상적으로 ADB가 실행됩니다. 감사합니다.