Flutter에서 Timeago 패키지 활용법: 게시물 업로드 시간 계산

Flutter 앱에서 게시물 업로드 시간을 상대적인 표현으로 표시하고 싶으신가요?

'X 시간 전', 'Y 분 전', 'Z 초 전'과 같은 표현 방식은 사용자에게 더욱 직관적이고 편리한 경험을 제공합니다.

이러한 기능을 구현하는 데 유용한 패키지가 바로 Timeago입니다.

 

1. Timeago 패키지 소개

 

Timeago는 Flutter 앱에서 게시물 업로드 시간을 사람이 읽기 쉬운 상대적인 표현으로 변환하는 데 도움을 주는 Dart 패키지입니다.

몇 분 전, 몇 시간 전, 며칠 전과 같은 표현 방식을 자동으로 생성하여 사용자 경험을 향상시킵니다.

 

2. 패키지 설치 및 사용

 

2.1 설치

Timeago 패키지를 사용하려면 먼저 프로젝트에 추가해야 합니다. 다음 명령어를 사용하여 설치할 수 있습니다.

flutter pub add timeago

 

2.2 한국어 메시지 설정

 

Timeago는 다양한 언어를 지원하며, 한국어도 포함됩니다. 한국어 메시지를 사용하려면 다음과 같이 설정해야 합니다.

import 'package:timeago/timeago.dart' as timeago;

void main() {
  timeago.setLocaleMessages('ko', timeago.KoMessages());
}

 

2.3 사용법

 

Timeago 패키지를 사용하는 방법은 매우 간단합니다. 먼저 timeago 패키지를 임포트하고, format 함수를 사용하여 원하는 시간 값을 변환하면 됩니다.

import 'package:timeago/timeago.dart' as timeago;

void main() {
  final fifteenAgo = DateTime.now().subtract(Duration(minutes: 15));

  print(timeago.format(fifteenAgo)); // 15 분 전 (한국어로 표시됨)
  print(timeago.format(fifteenAgo, locale: 'en_short')); // 15m (영어 표준 형식)
  print(timeago.format(fifteenAgo, locale: 'es')); // hace 15 minutos (스페인어 표시됨)
}

 

3. 주요 기능

• 다양한 언어 지원 (한국어 포함)
• 상대적인 시간 표현 자동 생성 (예: 몇 분 전, 몇 시간 전, 며칠 전)
• 간단하고 사용하기 쉬운 API
• 로케일 설정 가능 (원하는 언어로 표시 가능)

4. 활용 예시

• 게시물 목록에서 업로드 시간 표시
• 댓글 및 메시지의 시간 표시
• 사용자 활동 기록 표시
• 기타 시간 관련 정보 표시

5. 마무리

 

Timeago 패키지는 Flutter 앱에서 게시물 업로드 시간을 상대적인 표현으로 표시하는 데 매우 유용한 도구입니다.

간단한 설정과 사용법으로 사용자 경험을 향상시키고 앱의 유용성을 높일 수 있습니다.

 

 

 

수발가족을 위한 일기장 “나비일기장”

 

https://play.google.com/store/apps/details?id=com.maccrey.navi_diary_release

 

구글플레이 앱 배포의 시작! 비공개테스트 20명의 테스터모집을 위한 앱 "테스터 쉐어"

 

https://play.google.com/store/apps/details?id=com.maccrey.tester_share_release

 

카카오톡 오픈 채팅방

https://open.kakao.com/o/gsS8Jbzg