본문 바로가기

반응형

Flutter

(47)
[flutter] chatgpt로 Flutter 로그인 앱을 만드는 예제 안녕하세요? 요즘 chatgpt가 매우 인기가 많습니다. chatgpt를 사용하여 간단한 플러터 앱을 만드는 과정을 정리해봤습니다. 공식페이지가 매우 화려합니다. 공식 페이지에 따르면 채팅 GPT는 최적화 언어 모델로 대화 방식으로 상호 작용하는 ai입니다. 우리는 대화 방식으로 상호 작용하는 ChatGPT라는 모델을 훈련시켰다. 대화 형식은 채팅 GPT가 후속 질문에 답하고, 실수를 인정하고, 잘못된 전제에 도전하고, 부적절한 요청을 거부하는 것을 가능하게 한다. ChatGPT는 InstructGPT의 형제 모델로, 프롬프트에서 명령을 따르고 자세한 응답을 제공하도록 훈련된다. chatGPT 입니다. https://openai.com/blog/chatgpt/ 영어로만 모든 영상, 자료가 있어 있어서 한..
[상태관리 패키지 사용하지 않고] 플러터 앱 만들기 플러터로 개발할 때면 상태관리 패키지 provider, bloc, getx, riverpod 등 다들 많이 들어보셨을 겁니다. 상태 관리 패키지 사용없이 앱을 만들 수 있을까요? 제가 한번 해봤습니다. 1.서두 - 왜 상태관리 패키지를 사용하지 않으셨어요? 새로운 프로젝트가 시작되며 회사에서 제안을 받았고 저 역시도 상태관리 패키지를 사용하지 않고 개발하는 방법에 궁금했기 때문에 승낙했습니다. 회사에서는 기존에 getx를 사용해서 앱개발을 진행하셨고 새로운 프로젝트는 한번 가볍게 가보자 겸 빠르게 진행해보자였기 때문에 상태관리 패키지 없이 개발을 진행하게됐습니다. 2.본문 - 그래서 어떻게 개발하셨어요? 먼저 플러터 버전 3.0.0 다트버전 2.18.0 입니다. MVC 패턴 사용 필요한 데이터가 있다면 ..
[Flutter Favorite] device_preview 예시코드 안녕하세요? 플러터로 앱을 개발하다보면 기기마다 UI가 다르게 표현되는 것을 확인할 수 있습니다. 플러터 개발자시면 실기기로 테스트하기 전까지 알 수없어 당황한 경험이 다들 있으실 겁니다. device_preview 패키지를 사용하시게되면 다른 기기에서 앱이 어떻게 보이고 작동하는 지를 대략적으로 파악하는데 도움이 됩니다. 사용법은 매우 간단합니다. 먼저 pubspec.yaml 파일에 추가해줍니다. dependencies: device_preview: ^1.1.0 다음으로 MyApp 바로 상단에 DevicePreview로 감싸줍니다. import 'package:device_preview/device_preview.dart'; import 'package:flutter/foundation.dart'; i..
[Flutter Favorite] flutter_local_notifications 예시코드 안녕하세요? flutter_local_notificaions 설정부터 예시코드까지 알아봅니다. version 1.pub.yaml에 version을 추가합니다. // pubspec.yaml에 추가합니다. 포스팅 당시 제가 사용한 버전은 ^9.7.0 입니다. flutter_local_notifications: ^9.7.0 안드로이드 기본 설정 1.AndroidManifest.xml 파일에 추가합니다. 화면이 켜져있고 장치가 잠겨있을 때 표시되도록 합니다. ios 기본설정 import UIKit import Flutter @UIApplicationMain @objc class AppDelegate: FlutterAppDelegate { override func application( _ application:..
[Flutter Favorite] cached_network_image 구현코드 먼저 저의 플러터 버전 정보입니다. Flutter: 3.1.0 Dart: 2.18.0 pubspec.yaml 파일에 해당 버전을 추가합니다. cached_network_image: ^3.2.1 예시 코드입니다. import 'package:cached_network_image/cached_network_image.dart'; import 'package:flutter/material.dart'; void main() { runApp(MaterialApp(home: const MyApp())); } class MyApp extends StatelessWidget { const MyApp({Key? key}) : super(key: key); @override Widget build(BuildContext ..

반응형