ruriruriya

Provider는 Flutter에서 공식적으로 추천하는 Flutter 상태 관리 라이브러리 중 가장 많이 사용되는 패키지이다. 1. Provider란?Provider는 Flutter의 InheritedWidget을 간편하게 사용하도록 돕는 패키지로 여러 위젯에서 데이터를 공유하고, 상태 변경을 감지하여 UI를 자동으로 업데이트할 수 있다.✔ Provider를 사용하면 좋은 점리소스 할당 및 해제 관리가 간딘해짐→ 불필요한 리소스 사용을 줄이고 메모리 누수를 방지할 수 있음.Lazy-loading 지원→ 필요할 때까지 객체를 생성하지 않아서 성능 최적화가 가능함.보일러플레이트 코드 감소→ 새 클래스를 작성할 때마다 반복되는 코드가 줄어듦.Flutter DevTools와 호환→ DevTools에서 앱 상태를..

Flutter에서 상태 관리는 UI가 변화하는 데이터를 효과적으로 유지하고 반영하는 방법이다. 상태 관리가 중요한 이유는 Flutter의 선언적 UI 방식 때문이다. 즉, UI는 상태(state)에 따라 변경되므로 이를 어떻게 다루느냐에 따라 앱의 구조와 유지보수성이 달라진다.여기서는 Flutter의 기본 상태 관리 방법에 대해 설명한다. 서드파티 라이브러리(Provider, Riverpod 등)를 사용하지 않고 Flutter에서 제공하는 방법만 다룬다.1. 상태(State)란?Flutter에서 상태란 앱의 UI를 결정하는 데이터이다. 상태는 크게 두 가지로 나뉜다:Ephemeral state (단기 상태): 특정 위젯 내에서만 관리되는 상태 (예: TextField 입력값, 버튼 클릭 여부 등)App ..

1. Flutter에서 레이아웃이란?Flutter는 UI를 구성하는 위젯(toolkit)이며, 대부분의 작업은 위젯을 이용하여 레이아웃을 만드는 데 집중된다. 모든 요소(텍스트, 이미지, 아이콘, 버튼 등)는 위젯이며, 보이지 않는 요소인 행(Row), 열(Column), 그리드(Grid) 등도 위젯이다.위젯을 조합하여 더 복잡한 UI를 만들 수 있으며, 이러한 방식으로 모든 Flutter 레이아웃이 구성된다. 2. 레이아웃의 핵심 개념2.1. ConstraintsFlutter에서 레이아웃은 부모-자식 관계로 이루어지며, 부모 위젯은 자식 위젯에게 Constaraints를 전달한다.Constaraints은 최소 및 최대 너비, 최소 및 최대 높이를 포함하는 4개의 값으로 구성된다.자식 위젯은 해당 Con..

플러터에서 Scaffold 위젯은 앱의 화면 레이아웃을 구성하는 기본적인 틀을 제공한다.모든 플러터 앱의 화면은 보통 Scaffold 위젯으로 시작된다.Scaffold는 AppBar, body, FloatingActionButton 등을 포함한플러터의 Material Design 가이드라인에 따라 기본 UI 구조를 제공한다.Scaffold를 사용하면, 기본 레이아웃을 빠르게 설계할 수 있고, Material Design 스타일 가이드가 기본 스타일에 적용되어 있기 때문에 깔끔하게 적용된다. 그리고, body 영역에 원하는 모든 위젯을 배치하여 복잡한 레이아웃 설계도 가능하다.Scaffold 주요 속성1. appBar화면 상단에 나타나는 AppBar 영역.제목, 버튼, 메뉴 등을 포함할 수 있다.Scaff..

build 메서드는 Flutter에서 UI를 그리는 핵심적인 역할을 한다.Flutter에서 UI는 위젯으로 구성되고, build 메서드는 이 위젯들이 화면에 어떻게 배치되고 표시될 지 정의한다.build 메서드 호출 시기?1. 처음 위젯이 화면에 추가될 때위젯이 Flutter 앱 트리에 삽입되면, build 메서드가 호출된다.2. 위젯의 의존성이 변경될 때예를 들어, 위젯이 참조하는 InheritedWidget이 업데이트되면, 해당 위젯의 build 메서드가 다시 호출된다.3. 상태가 변경될 때(StatefulWidget)상태가 변하면 build 메서드가 호출되어 UI가 업데이트된다. build 메서드의 특징반환값항상 다른 위젯을 반환해야 한다.예를 들어, 텍스트를 표시하거나 버튼을 생성하는 위젯을 반환..

플러터에서 위젯(Widget)이란?플러터 어플리케이션의 사용자 인터페이스를 구성하는 기본 요소이다.각 위젯은 텍스트나 버튼 같은 물리적 요소부터 레이아웃 효과까지 인터페이스의 모든 측면을 구현하는 곳에 사용된다.위젯 계층 구조위젯은 구성(Composition)을 기반으로 한 계층 구조를 형성한다.각 위젯은 부모 위젯 내부에 중첩되며, 부모로부터 Context를 전달 받는다.이 구조는 루트 위젯까지 연결된다.import 'package:flutter/material.dart';void main() => runApp(const MyApp());class MyApp extends StatelessWidget { const MyApp({super.key}); @override Widget build(Bui..

어플을 개발하다 보면 흔들기 등등 모션이 필요할 때가 있는데 애뮬레이터로는 그런 기능을 테스트할 수 없다.그래서 실제 안드로이드 스마트폰 연결해서 테스트해보자.1. 개발자 모드로 변경Xcode를 실행해서 프로젝트 생성을 시작한다.[설정] - [휴대전화 정보] - [소프트웨어 정보]로 접속해서빌드 번호를 연달아서 터치한다.'아래와 같이 개발자 모드를 켰습니다' 라는 메세지가 나올 때 까지그렇게 다시 설정으로 나오면 [개발자 옵션] 메뉴가 생긴 것을 볼 수 있다. 2. 컴퓨터에 USB  연결USB 디버깅을 활성화 하면USB 디버깅을 허용하시겠습니까? 라는 창이 나오고'허용'을 눌러주면 된다. USB 연결을 하면 아래와 같이 메세지가 나오는데이 컴퓨터에서 항상 허용을 체크하고 '허용' 버튼을 누른다. 3...

Dart 언어에서 async와 await는 비동기 프로그래밍을 쉽게 처리하기 위한 키워드이다.특히 네트워크 요청, 파일 읽기/쓰기, 타이머 등의 비동기 작업을 순차적으로 작성할 수 있도록 도와준다.💡 비동기 프로그래밍이란?- 프로그램이 시간이 걸리는 작업 등을 수행할 때, 해당 작업이 끝날 때까지 다른 작업이 멈추지 않도록 하는 방식- Dart에서는 Future 객체를 통해 비동기 작업을 처리한다.(Future : 비동기 작업의 결과를 나타내는 객체, 결과가 완료되면 값을 반환하거나, 오류가 발생하면 예외를 던져준다.) 1. async와 await 기본 사용법- async : 함수에 비동기 작업이 포함되어 있다는 것을 뜻하는 함수로, 항상 Future 객체를 반환한다.- await : 비동기 작업(Fu..