플러터

플러터(Flutter) 의 FutureBuilder 란?

FutureBuilder 란? Future 와의 상호작용의 가장 최신 스냅샷을 기반으로 스스로 빌드되는 위젯 UI 에서 비동기 연산을 처리하는데 주로 사용됨 개념 비동기 연산(Asynchronous Operation): 잠재적으로 값이나 에러가 될 수 있는 Future 와 함께 동작하도록 설계됐다. 네트워크 요청이나 DB 쿼리와 같은 비동기 작업에 사용된다. 상태 관리: Future 의 상태는 not started, in progress, completed with data, completed with error 가 있는데 이에 따라 UI 를 재구성하여 비동기 작업의 상태관리를 처리한다. 주요 속성 Future: 이 빌더가 연결된 Future 이다.데이터의 소스이고 빌더는 UI 를 빌드하기 위해 이 데이..

플러터(Flutter) 의 컨트롤러 (Controller) 란?

플러터에서 Controller (컨트롤러) 란? UI 컴포넌트의 상태와 동작을 관리할 때 자주 사용되는 개념 UI 요소와 기본 로직 혹은 데이터 사이의 중개자 역할을 한다. 역할 및 기능 상태 관리: 하나 혹은 여러개의 위젯의 상태를 관리한다. 데이터를 보관하고 UI 가 현재 상태를 반영하는지 확인한다. 사용자 입력 처리: 텍스트 필드의 텍스트나 슬라이더 값과 같은 사용자 입력을 처리한다. 데이터 바인딩: UI 와 데이터 모델 간의 동기화를 가능하게 한다. 컨트롤러 유형 텍스트 편집 컨트롤러: 텍스트 필드의 콘텐츠를 관리하는데 사용, 변경사항 추적, 필드에 표시되는 텍스트 제어 애니메이션 컨트롤러: 애니메이션 시퀀스를 관리, 타이밍과 진행을 제어 스크롤 컨트롤러: 스크롤 가능한 위젯의 위치를 모니터링하고..

Flutter Dio 라이브러리란?

Dio 라이브러리란? Flutter 프레임워크 환경에서 HTTP 요청을 할 때 유용하게 쓰이는 라이브러리이다. 웹에서 쓰는 범용 Fetch 라이브러리들과 비슷한 기능을 제공한다. Global configuration Interceptors FormData Request cancellation File uploading/downloading Timeout Custom adapters Transformer 기본 사용법 import 'package:dio/dio.dart'; final dio = Dio(); void request() async { Response response; response = await dio.get('/test?id=12&name=dio'); print(..

플러터 ListView 에서 사용되는 옵션들 간단하게 정리

ListView 클래스란? 선형으로 정렬된 스크롤 가능한 위젯 목록이다. scrollDirection 옵션 스크롤 축을 vertically 혹은 horizontally 변경할 수 있다. 다만, 크기 조정을 각각 똑바로 해주어야 한다. vertical 일 때, 세로 크기가 무한대면 안되고, horizontal 일 때 가로 크기가 무한대면 안된다. 그러면 "BoxConstraints forces an infinite width." 같은 오류를 맞게 된다. reverse 옵션 요소의 순서를 반대로 변경할 수 있다. NeverScrollableScrollPhysics() 이를 physics 속성에 생성하면 스크롤이 불가능해진다. cacheExtent 옵션 뷰포트 밖 영역을 리스트 뷰로 유지한다. cacheExt..

플러터의 상호작용 중 제스처(Gesture) 란?

제스처 관련 위젯 Flutter 에서 제스처 시스템은 두가지 레이어로 나뉨 첫번째 레이어는 raw pointer events 로 포인터의 움직임과 위치를 기술함 (터치, 마우스, 스타일러스 펜) 두번째 레이어는 gesture 라고 의미론적인 액션으로 하나 이상의 포인터 움직임으로 구성됨 제스처의 종류 공식문서 Pointers PointerDownEvent: 포인터가 화면의 특정 위치에 가는 것 PointerMoveEvent: 포인터가 한 위치에서 다른 위치로 이동하는 것 PointerUpEvent: 포인터가 화면에 더이상 접촉하지 않는 것 PointerCancelEvent: 포인터의 입력이 더이상 이 앱을 향하지 않는 것 터치가 되면 (On pointer down), hit test 라는 것이 일어난다...