본문 바로가기
반응형

flutter/Package of the Week7

Flutter[플러터] / flutter_slidable 패키지 사용법 (스와이프, 슬라이더, ListTile, 리스트 타일, Dismissible, SlidableAction) flutter_slidable (Flutter Widget of the Week) package:flutter_slidable방향성 있는 슬라이드 동작과 해제가 가능한 슬라이드 목록 항목에 대한 Flutter 구현입니다.https://youtu.be/QFcFEpFmNJ8 리스트 타일이 나열되어 있고 그중에서 자신이 원하는 아이템을 선택하고 그 화면에서 그 아이템에 대한 어떠한 동작을 결정하게 하려면 어떠한 방식이 가장 좋을까? 가장 좋은 방식 중 하나로는 그 아이템을 드래그, 슬라이드 동작을 진행하여 몇 가지 작업을 보여주는 것일 것이다. 이러한 동작을 쉽게 구현할 수 있게 도와주는 위젯이 바로 이번에 알아볼 package:flutter_slidable이다.이 flutter_slidable 패키지는 슬라이드 가능한 리스트 항목(Slidable list items)을 만들기 위한 매우 .. 2025. 8. 14.
Flutter[플러터] / animations 패키지 사용법 (화면 전환 효과, 애니메이션, 페이드, OpenContainer, SharedAxisTransition, FadeThroughTransition) animations (Flutter Widget of the Week) package:animations이 패키지에는 일반적으로 원하는 효과를 위한 미리 제작된 애니메이션이 포함되어 있습니다.https://youtu.be/HHzAJdlEj1c앱에서 다른 화면으로 넘어갈 때 우리는 어떠한 전환 효과를 넣어 주는가? Hero 위젯을 사용하여 특정한 위젯을 이동시키는 느낌을 줄 수도 있고 혹은 라우터 동작하는 부분을 FadeTransition으로 감싸서 페이드 효과를 먹여줄 수도 있을 것이다. 하지만 이러한 위젯들을 사용하여 만든 전환 효과는 너무 뻔하고 재미가 없는 경우가 대부분이다. 하지만 이 package:animations를 사용하면 Material motion 기반의 고급 전환 효과를 손쉽게 사용할 수 있다. 일단 사용하기 위해선 먼저 프로젝트의 pubspec.y.. 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.
반응형