728x90 Flutter for Beginners41 Flutter 게시판 with Hive 로컬 데이터베이스 Hive를 활용하며, 깔끔한 UI와 객체지향 구조를 갖춘 경량 블로그 앱을 만들어 봅니다.기능 설명1. 글 목록 화면 (PostListPage)Hive에 저장된 글을 불러와 목록으로 표시각 글은 카드 형태로 표시되며:제목, 내용 일부, 댓글 개수 표시홀/짝수 행마다 배경색 다르게 적용각 글을 탭하면 상세 페이지로 이동플로팅 버튼(➕) 클릭 시 글쓰기 화면으로 이동2. 글 작성 화면 (PostWritePage)제목과 내용 입력 후 저장 가능저장 시 Hive에 새 Post 객체로 추가저장 완료 후 글 목록 화면으로 이동3. 글 상세 화면 (PostDetailPage)선택한 글의 제목 + 전체 내용 표시글 삭제 버튼 → Hive에서 해당 글 제거 후 목록으로 이동목록으로 버튼 → 이전 화면으.. 2025. 4. 23. Flutter Gemini 앱 Gemini App에서 사용되는 플러그인diodio는 Dart 및 Flutter 앱에서 HTTP 통신을 보다 쉽고 강력하게 처리할 수 있도록 도와주는 비동기 HTTP 클라이언트 라이브러리입니다.기능설명GET, POST, PUT, DELETE 지원RESTful API에 필요한 모든 메서드 지원인터셉터 (Interceptor)요청/응답 전후에 가로채서 처리 가능 (예: 인증 토큰 자동 삽입)FormData 업로드파일/폼데이터 업로드에 최적화 (multipart/form-data)타임아웃 설정연결, 수신, 요청 타임아웃 각각 설정 가능진행률 표시다운로드/업로드 진행 상황 추적 가능자동 재시도실패한 요청을 자동으로 재시도 (옵션)쿠키 관리내장 CookieJar 또는 사용자 지정 Cookie 설정 가능기본 사용법.. 2025. 4. 22. Flutter 포토 스티커 포토 스티커 앱필수 플러그인image_picker Flutter 앱에서 이미지 또는 비디오를 카메라 또는 갤러리에서 선택할 수 있도록 해주는 공식 플러그인입니다. https://pub.dev/packages/image_picker image_picker | Flutter packageFlutter plugin for selecting images from the Android and iOS image library, and taking new pictures with the camera.pub.dev기능설명갤러리에서 이미지 선택사용자의 기기에서 이미지 파일을 가져옴카메라로 사진 촬영즉석에서 카메라 실행 후 촬영갤러리/카메라에서 동영상 선택 또는 촬영이미지뿐 아니라 비디오도 지원크기 제한, 압축 설정ma.. 2025. 4. 21. Flutter Google Map Google Map 관련 필수 플러그인google_maps_flutterFlutter에서 Google 지도 기능을 앱 내에 직접 통합할 수 있게 해주는 공식 플러그인입니다. Android와 iOS 플랫폼 모두에서 사용할 수 있으며, Flutter 앱에 지도 위젯을 삽입하고 다양한 지도 상호작용을 구현할 수 있습니다.플러그인 이름: google_maps_flutter플랫폼 지원: Android, iOS공식 문서: https://pub.dev/packages/google_maps_flutter google_maps_flutter | Flutter packageA Flutter plugin for integrating Google Maps in iOS and Android applications.pub.dev.. 2025. 4. 18. Flutter 영상통화 영상통화에 어플리케이션 개발시 고려할 기술적 요소들Flutter로 영상통화 어플리케이션을 만들기 위해서는 다음과 같은 기술적인 준비와 고려사항이 필요합니다.크게는 영상 처리, 네트워크 통신, 권한 관리, UI/UX 설계, 백엔드 서버 구성, 보안 및 성능 최적화로 나눌 수있습니다.1. 영상통화 기능 구현 (RTC 기술)Flutter 자체는 영상 처리 기능이 없기 때문에, WebRTC 기반의 외부 SDK를 사용해야 합니다.주요 영상통화 SDK (Flutter에서 사용 가능한 것):SDK설명AgoraFlutter 플러그인 제공. 안정성 높고 문서 풍부. 무료 요금제 있음.ZEGOCLOUD실시간 통화, 채팅, 라이브 지원. UI 위젯까지 제공.100ms빠른 개발을 위한 Prebuilt UI 제공. 음성/영상통.. 2025. 4. 15. Flutter 비디오 플레이어 비디오 플레이어에 사용되는 패키지video_playerFlutter에서 동영상 재생 기능을 구현할 수 있게 해주는 공식 패키지입니다.video_player 자체에는 전체화면 기능이 없고, 전체화면/회전/시스템 UI 숨김은 Flutter의 SystemChrome, MediaQuery 등을 통해 직접 구현해야 합니다.1. 주요 기능파일 동영상 재생: 로컬 디바이스에 저장된 mp4 등네트워크 동영상 재생: HTTP/HTTPS URL (YouTube 스트림 등은 불가)재생 / 일시정지 / 탐색(seek) 제어음소거 / 볼륨 / 반복재생 지원전체화면 모드 직접 구현 가능비디오 재생 위치 추적 가능기본적인 UI는 제공 안 함 → 사용자가 직접 구성해야 함항목내용패키지명video_player버전^2.9.5 (2024.. 2025. 4. 10. Flutter 디지털 시계에 주사위 굴리기 추가 가속도 센서 패키지 설치sensors_plus 패키지란?sensors_plus는 Flutter 앱에서 기기의 센서(가속도계, 자이로스코프, 자기장 등) 데이터를 쉽게 사용할 수 있도록 도와주는 인기 있는 플러그인입니다.다.패키지 링크: pub.dev/packages/sensors_plus주요 센서 기능센서설명accelerometerEventStream()가속도계: 기기의 x, y, z축 방향 가속도 측정 (기기 흔들기 감지 등)gyroscopeEventStream()자이로스코프: 회전 속도 측정 (게임/AR 앱에서 방향 추적)userAccelerometerEventStream()중력 제외한 사용자 가속도 측정magnetometerEventStream()자기장 측정 (디지털 나침반 구현 시 사용) 예시: .. 2025. 4. 3. Flutter 디지털 시계 + 나침반 + 날씨정보 기상청 단기예보 API 활용 신청하기회원 가입후 활용신청 가능 합니다. 기상청_단기예보 ((구)_동네예보) 조회서비스 | 공공데이터포털 기상청_단기예보 ((구)_동네예보) 조회서비스초단기실황, 초단기예보, 단기((구)동네)예보, 예보버전 정보를 조회하는 서비스입니다. 초단기실황정보는 예보 구역에 대한 대표 AWS 관측값을, 초단기예보는 예보시점부터 6시간까지의 예보를,www.data.go.kr프로젝트 구조Android, Windows, Web 만 적용합니다.iOS는 나중에.. Flutter Dependencies 추가pubspec.yamldependencies: flutter: sdk: flutter intl: '^0.20.2' flutter_compass: '^0.8.1' permissio.. 2025. 3. 25. Flutter PageView을 이용한 자동 슬라이드 이미지 겔러리 PageController를 사용해 슬라이드를 제어Timer.periodic으로 3초마다 다음 페이지로 이동마지막 이미지에 도달하면 처음으로페이지 이동에는 animateToPage를 사용해 부드러운 전환을 구현dispose()에서 타이머와 컨트롤러 정리전체 코드import 'dart:async';import 'package:flutter/material.dart';void main() { runApp(MyApp());}class MyApp extends StatelessWidget { @override Widget build(BuildContext context) { return MaterialApp( title: '자동 이미지 갤러리', theme: ThemeData( .. 2025. 3. 24. 이전 1 2 3 4 5 다음 728x90
