728x90 반응형 Flutter8 Margin, Padding의 개념과 EdgeInsets 클래스 Marginmargin은 위젯의 경계와 해당 위젯 주위의 다른 요소 사이의 외부 공간을 의미합니다. 즉, margin을 설정하면 위젯 주위의 외부 공간이 생성됩니다. 예를 들어, Container 위젯에 margin을 설정하면 다른 위젯과의 거리(외부 간격)가 늘어납니다. Container( margin: EdgeInsets.all(10), // 위젯 주위에 10의 마진을 설정 color: Colors.blue, child: Text('Hello, margin!'),)위 코드에서 EdgeInsets.all(10)은 모든 방향에서 10의 마진을 생성합니다. Paddingpadding은 위젯의 경계와 해당 위젯 내부 내용 사이의 내부 공간을 의미합니다. padding을 설정하면 위젯 내부의 내용과.. 2024. 5. 1. [RiverPod] ref select 기능 2024.04.28 - [Skills/Flutter] - [RiverPod] ref.watch, ref.listen, ref.read의 차이 이전 포스팅에서 ref에서 다뤘지만, select를 제외한 나머지 기능에 대한 포스팅이였습니다. 그러나 select 역시 ref의 주요 기능 중 하나이기 때문에 이번 글은 추가적으로 select에 대한 포스팅입니다. selectRiverpod에서 select는 매우 유용한 기능으로, 프로바이더에서 특정 부분의 데이터만을 구독하고자 할 때 사용됩니다. 이를 통해 필요한 데이터 부분만을 선택하여 관찰하고, 해당 부분이 변경될 때만 위젯을 재빌드하도록 설정할 수 있습니다. select는 성능 최적화에 큰 도움이 되며, 불필요한 빌드를 줄여줍니다. 사용법select를 .. 2024. 4. 28. [RiverPod] ref.watch, ref.listen, ref.read의 차이 Riverpod에서 ref.watch, ref.listen, ref.read는 프로바이더의 데이터를 다루는 세 가지 다른 접근 방식을 제공합니다. 각각은 다음과 같은 목적과 사용법을 가지고 있습니다: 1. ref.watch목적: ref.watch는 프로바이더의 값이 변경될 때마다 위젯을 다시 빌드하도록 요청합니다. 이는 주로 UI와 직접적으로 연관된 데이터를 다룰 때 사용됩니다.사용법: ref.watch를 호출하면 프로바이더의 현재 상태를 반환하며, 해당 프로바이더의 값이 변경될 때마다 위젯이 자동으로 다시 빌드됩니다. 2. ref.listen목적: ref.listen은 프로바이더의 값이 변경될 때마다 콜백 함수를 실행시키지만, 위젯의 빌드를 트리거하지는 않습니다. 이는 데이터의 변화에 반응하여 .. 2024. 4. 28. Scaffold, SafeArea, Expanded 위젯 알아보기 레이아웃 위젯 Scaffold, SafeArea, Expanded와 같은 레이아웃 위젯들은 앱의 기본 구조를 설정하고, 콘텐츠가 다양한 디바이스와 화면에서 제대로 표시되도록 하는 데 필수적입니다. 이번 포스트에서는 이 세 가지 핵심 위젯의 역할과 기본적인 사용법을 소개하고자 합니다. Scaffold: 앱의 기본적인 뼈대 구성하기 Scaffold는 Material Design 앱에서 사용되는 가장 기본적인 레이아웃 위젯입니다. AppBar(상단 앱 바), Drawer(사이드 메뉴), FloatingActionButton(플로팅 액션 버튼), BottomNavigationBar(하단 네비게이 션 바) 등 앱의 주요 요소들을 쉽게 추가하고 관리할 수 있게 해 줍니다. Scaffold는 단일 페이지의 뼈대를 제.. 2024. 4. 6. Dart에서의 super 키워드 Flutter에서 super 키워드의 역할과 중요성 Flutter 개발을 하다 보면, 다양한 위젯을 사용하게 됩니다. 이러한 위젯들은 각자의 역할과 기능을 가지고 있으며, 때때로 우리는 기존 위젯을 확장하여 새로운 기능을 추가하거나 기존 기능을 수정해야 할 필요가 있습니다. 이 과정에서 super 키워드의 이해는 Flutter 위젯 구조와 상속 메커니즘을 이해하는 데 중요한 역할을 합니다. super 키워드란? Dart에서 super 키워드는 부모 클래스의 생성자를 호출하는 데 사용됩니다. 자식 클래스에서 부모 클래스의 속성이나 메서드를 사용하고자 할 때 super를 통해 이에 접근할 수 있습니다. 특히 생성자에서 super를 사용하는 경우, 부모 클래스의 생성자를 명시적으로 호출하여 초기화 작업을 수행.. 2024. 2. 7. final과 const의 차이 final final 키워드는 변수가 한 번 할당되면 그 값을 변경할 수 없다는 것을 의미합니다. final 변수의 값은 런타임에 결정될 수 있으며, 변수가 선언된 후 최초로 사용될 때 한 번만 설정됩니다. final 변수는 한 번 할당되면 메모리 주소가 고정되므로, 해당 주소에 저장된 값은 변경할 수 없습니다. final String greeting = '안녕하세요!'; 여기서 greeting 변수는 문자열 '안녕하세요!'로 초기화되며, 이후에는 다른 값으로 변경할 수 없습니다. 하지만 greeting 변수의 값은 런타임에 결정되므로, 예를 들어 사용자 입력이나 다른 런타임 조건에 기반하여 값을 할당할 수 있습니다. const const 키워드는 컴파일 타임 상수를 정의하는 데 사용됩니다. 즉, con.. 2024. 2. 7. 이전 1 2 다음 728x90 반응형
