본문 바로가기
반응형

flutter/Package of the Week9

Flutter[플러터] / animated_text_kit 패키지 사용법 ( 애니메이이티드 텍스트 킷) animated_text_kit (Flutter Widget of the Week) 보호되어 있는 글 입니다. 2025. 7. 29.
Flutter[플러터] / connectivity_plus 패키지 사용법 (커넥트, 연결성) connectivity_plus(Flutter Widget of the Week) 보호되어 있는 글 입니다. 2025. 7. 27.
Flutter[플러터] / flutter_slidable 패키지 사용법 (슬라이드) flutter_slidable (Flutter Widget of the Week) 보호되어 있는 글 입니다. 2025. 7. 23.
Flutter[플러터] / animations 패키지 사용법 (화면 전환 효과, 애니메이션, Shared axis, Fade, 페이드) animations (Flutter Widget of the Week) 보호되어 있는 글 입니다. 2025. 7. 22.
Flutter[플러터] / device_info_plus 패키지 사용법 (device_info, 디바이스 정보, 장치, 유연성, 플랫폼, 안드로이드, iOS, 웹, 환경, 실행 정보) device_info_plus (Flutter Package of the Week) package:device_info_plusFlutter 애플리케이션 내에서 현재 장치 정보를 가져옵니다.https://youtu.be/8T3g6HU5Odo앱을 제작할 때 실행되는 디바이스에 맞춰 UI 크기를 조절해야 할 때가 있다. 또한 안드로이드에서는 머테리얼 디자인을 사용한 UI를 보여주고 iOS에서는 쿠퍼티노 디자인에 맞춰 보여주려고 할 수 있다. 그렇다면 이러한 UI를 제작하기 위해선 가장 먼저 무엇이 필요할까? 바로 그 앱이 실행되는 디바이스의 정보가 필요하다. 앱이 안드로이드에서 실행되는지 iOS에서 실행되는지에 대한 정보가 필요한데 그러한 정보를 쉽게 얻을 수 있게 만들어주는 패키지가 바로 package:device_info_plus이다.이 device_info_plus 패키지는 애플리케이.. 2025. 7. 19.
Flutter[플러터] / location 패키지 사용법 (로케이션, 현재 위치 정보, 지도, GPS, 권한, 허용) location (Flutter Package of the Week) package:location이 Flutter 플러그인은 Android와 iOS에서 위치 정보를 가져오는 기능을 제공합니다. 또한 위치가 변경되면 콜백을 제공합니다.https://youtu.be/65qbtJMltVk앱에서 자신의 위치 정보를 표시하려면 어떻게 해야 할까? 네이티브(Kotlin)로 제작하여 위치 정보를 받아오기 위한 동의를 받고 실질적인 값을 받아오는 것도 하나의 방법일 수 있다. 하지만 여기에 더 쉽고 빠르게 위치 정보를 표시할 수 있게 도와주는 location 패키지가 있다. location 패키지는 디바이스의 위치(위도, 경도 등)를 가져오거나 실시간 위치 추적을 구현할 수 있게 해주는 강력한 패키지로 이 패키지는 iOS와 Android 모두 지원하며, 위치 권한 요청과 설정 확인도 .. 2025. 7. 18.
Flutter[플러터] / sqflite 패키지 사용법 (데이터베이스, SQite, CRUD, db) sqflite (Flutter Package of the Week) package:sqfliteFlutter 용 SQLite 플러그인입니다. iOS, Android, macOS를 지원합니다.https://youtu.be/HefHf5B1YM0가끔은 장치에 중요한 앱 데이터를 저장해야 할 때도 있다. 간단한 데이터라면 shared_preferences 같은 패키지를 사용하는 것도 좋은 방법일 수 있지만 구조화된 데이터를 저장해야 한다면 SQL 데이터베이스를 사용하게 될 것이다. 그러한 상황에서 Flutter 개발자들을 위해 SQLite의 사용을 위한 다양한 옵션이 있다. 그중 가장 유명한 패키지 중 하나인 sqflite를 알아보자.sqflite은 SQlite 데이터베이스를 사용할 수 있게 해주는 패키지이다. 이 패키지를 사용하면 로컬 디바이스에 영구적으로 데이터를 저장하고 .. 2025. 7. 13.
Flutter[플러터] / url_launcher 패키지 사용법 (링크, 인터넷, 사이트, 이동, 전화번호 호출, 메시지, 문자, 메시지, 이메일, 열기, 런처, 불러오기, 유튜브 앱 실행, 라이브러리, pub.dev) url_launcher (Flutter Package of the Week) package:url_launcherURL을 시작하기 위한 Flutter 플러그인입니다.https://youtu.be/qYxRYB1oszw 앱에서 URL을 눌렀을 때 새 인터넷 창이 열리면서 웹 사이트에 접속해 본 적이 있는가? 혹은 앱 자체에서 인터넷 브라우저가 열린다든지 아니면 유튜브 링크를 눌렀는데 유튜브에 들어가지면서 해당 영상으로 열린 적은 있는가? 그러한 모든 작업을 간단하게 실행시켜 주는 Flutter의 공식 패키지(publisher:flutterdev)가 있는데 그 패키지는 바로 url_launcher이다.url_launcher는 외부 애플리케이션(웹 브라우저, 전화, 이메일, 문자 메시지 등)을 실행하기 위해 사용하는 공식 패키지이다. 예를 들어, 사용자가 버튼을 눌렀을 때 웹 페이지를 .. 2025. 7. 12.
Flutter[플러터] / async 패키지 사용법 (더 많은 비동기 함수, 라이브러리, 유틸리티, pub.dev, 어싱크, package, AsyncMemoizer, CancelableOperation, FutureGroup, StreamGroup) async (Flutter Package of the Week) package:asyncdart:async비동기 계산을 처리하는 스타일의 유틸리티 클래스를 포함합니다.https://youtu.be/r0tHiCjW2w0우리가 Dart로 코드를 짤 때 필연적으로 필요한 것이 바로 비동기 기능인데 우리는 그러한 기능을 사용할 때 외부 패키지가 아닌 Dart SDK에 내장된 비동기 지원 기능 라이브러리인 dart:async를 임포트 해서 사용하게 된다. 이렇게 임포트 해서 사용하면 async, await, Future, Stream등 다양한 비동기 클래스와 함수들을 사용할 수 있게 된다. 하지만 여기서 더 나아가서 더 많은 기능을 내포하고 있는 Dart의 공식 패키지(publisher:dart.dev)가 있다면 어떻게 될까? 바로 그 패키지가 async 패키지이다.이 asy.. 2025. 7. 10.
반응형