Riverpod와 Hive를 사용하여 Flutter 앱 테마 관리하기

플러터(Flutter)를 사용하여 앱의 테마를 관리하는 것은 중요한 작업 중 하나입니다. 이 글에서는 Riverpod와 Hive를 결합하여 효과적으로 앱 테마를 관리하는 방법에 대해 알아보겠습니다. 테마 관리는 사용자 경험을 크게 향상시킬 수 있는 핵심 요소 중 하나입니다. 앱의 테마를 동적으로 변경하면 사용자가 앱의 외관을 사용자 정의할 수 있으며, 어두운 모드와 밝은 모드 등과 같은 다양한 환경에서 더 나은 가독성을 제공할 수 있습니다. Riverpod와 Hive 소개 Riverpod: Riverpod은 플러터 앱에서 상태 관리를 위한 강력한 도구 중 하나입니다. Provider 패키지를 기반으로 하며, 의존성 주입 및 상태 관리를 쉽게 구현할 수 있도록 도와줍니다. Hive: Hive는 플러터의 로..

  • format_list_bulleted 개발/플러터(Flutter)
  • · 2023. 10. 5.
  • textsms

(Flutter) 플러터에서 Openai API 사용하기

현재 OpenAI에서 공식 Dart/Flutter 라이브러리는 제공하고 있지 않습니다. 그래서 OpenAI API 문서를 보고 HTTP 요청을 직접 구현하거나, pub.dev에서 오픈 소스를 찾아서 사용해야 합니다. dart_openai dart_openai는 오픈 소스이며 가장 인기있는 OpenAI 클라이언트 패키지입니다. 이 라이브러리를 사용하면 OpenAI의 최신 AI 모델을 Dart/Flutter 애플리케이션에 쉽게 구현할 수 있습니다. 이 라이브러리는 GPT-3 언어 모델과 DALL-E 이미지 생성 등 OpenAI의 다양한 API를 쉽게 요청할 수 있는 간단하고 직관적인 함수를 제공합니다. 이 패키지는 가볍고 사용하기 쉽도록 설계되었기 때문에 HTTP 요청 처리로 인한 복잡성과 오류를 걱정할 필..

  • format_list_bulleted 개발/플러터(Flutter)
  • · 2023. 4. 13.
  • textsms
ChatGPT와 영어 회화 앱 개발하기

ChatGPT와 영어 회화 앱 개발하기

이제부터는 애플리케이션을 개발할 때 ChatGPT에 도움을 많이 요청할 예정입니다. 다음은 ChatGPT 대화의 일부분입니다. 영어 회화 연습 앱의 이름을 제안해주세요 "ConvoBoost"는 영어 회화 연습 앱으로 기억에 남는 멋진 이름이 될 수 있습니다. 회화 실력을 향상시키는 동시에 에너지와 추진력을 제공한다는 의미를 담고 있습니다. 그럼 VSCode에서 Flutter 프로젝트를 생성하는 방법을 자세하게 알려주세요 물론이죠! VSCode에서 새 Flutter 프로젝트를 생성하려면 다음 단계를 따르세요: 컴퓨터에 Flutter를 설치합니다: 아직 설치하지 않았다면 공식 Flutter 웹사이트에서 Flutter를 다운로드하여 설치해야 합니다. 사용 중인 운영 체제의 설치 지침을 따릅니다. VSCode에..

  • format_list_bulleted 개발/AI 개발
  • · 2023. 4. 12.
  • textsms

(Flutter) Riverpod의 Modifiers

Riverpod는 family와 autoDispose 두 가지 수식어(modifiers)를 제공합니다. 이 글에서는 family와 autoDispose 수식어에 대해서 설명합니다. family family 의 목적은 외부 파라미터를 전달하여 고유한 프로바이더를 가져오는 것입니다. 일반적인 family 의 사용 사례는 다음과 같습니다. FutureProvider와 family를 결합하여 ID에서 Message를 가져오는 경우. 번역을 처리하기 위해 현재 Locale 값을 프로바이더로 전달하는 경우. 사용방법 family 수식어를 사용하여 프로바이더를 생성하면 파라미터가 추가됩니다. 그러면 프로바이더는 이 파라미터를 사용하여 일부 상태를 계산하는 요소로 사용할 수 있습니다. 예를 들어 FutureProvid..

  • format_list_bulleted 개발/플러터(Flutter)
  • · 2023. 3. 28.
  • textsms

(Flutter) Riverpod의 Provider 상태 결합하기

이번 글에서는 provider 상태를 결합하는 방법에 대해 알아봅니다. 프로바이더 상태 결합하기 프로바이더에서 다른 프로바이더의 상태 값를 읽어야 하는 경우가 많이 있습니다. 이를 위해서는 프로바이더 콜백에 전달된 ref 객체를 사용하고, ref의 watch 메소드를 사용할 수 있습니다. 예를 들어 다음 cityProvider 프로바이더를 살펴보겠습니다: final cityProvider = Provider((ref) => 'London'); 이제 cityProvider를 구독하고 싶은 다른 프로바이더를 만들어 봅니다. final weatherProvider = FutureProvider((ref) async { // `ref.watch`를 사용하여 다른 프로바이더를 구독합니다. // 구독할 프로바이더(..

  • format_list_bulleted 개발/플러터(Flutter)
  • · 2023. 3. 27.
  • textsms

(Flutter) Riverpod의 Provider 사용 방법

이번 글에서는 Provider를 사용 방법에 대해 설명합니다. ref 객체 가져오기 Provider를 사용하려면 먼저 ref 개체를 가져와야 합니다. 이 ref 객체를 통해 위젯 또는 다른 Provider와 상호 작용할 수 있습니다. Provider로 부터 ref 객체 전달 받기 모든 Provider는 ref 객체를 파라미터로 전달 받습니다. final valueProvider = Provider((ref) { // 다른 Provider를 얻으려면 `ref`를 사용합니다. final repository = ref.watch(repositoryProvider); return repository.get(); }); 이 파라미터 ref 객체는 다른 객체로 전달 할 수도 있습니다. 일반적인 사용 사례는 Prov..

  • format_list_bulleted 개발/플러터(Flutter)
  • · 2023. 3. 26.
  • textsms
반응형