Flutter

플러터의 위젯은 React에서 영감을 받은 현대적인 프레임워크를 사용하여 구축되었습니다. 핵심 개념은 사용자의 UI를 위젯으로 구축하는 것입니다. 위젯은 현재의 구성과 상태에 따라 그 뷰가 어떻게 보여야 하는지를 설명합니다. 위젯의 상태가 변하면 위젯은 그 설명을 다시

샘플 이미지pubspec.yaml에서 이미지 파일 인식을 위해 자원 폴더 위치 설정pub은 Dart 패키지 매니저로, Flutter에서도 사용됩니다. pub get 및 pub upgrade는 패키지 관리 작업에서 주요 명령어입니다. pub getpubspec.yaml

Container 위젯Container 꾸미는 방법 - BoxDecoration 에 사용 주의 - BoxDecoration 을 감싸는 Container 위젯에 Color 이 선언 되어 있다면 에러가 발생한다.

Expanded 위젯은 Flexible 위젯의 특별한 형태로, 주 축(main axis)의 사용 가능한 남은 공간을 모두 차지합니다. 즉, Expanded 위젯은 주 축 방향으로 가능한 한 많은 공간을 차지하려고 합니다. Expanded 위젯은 flex 속성이 1인 Flexible 위젯과 같습니다. Expanded 위젯은 주로 Row, Column, 또는...

flutter.dev제약조건은 아래로 향하고, 크기는 위로 올라갑니다. 부모는 위치를 지정합니다.위젯은 부모로부터 자신의 제약조건을 받습니다. 제약조건의 구성은 최소 너비, 최대 너비, 최소 높이, 최대 높이 4개의 double타입 값으로 구성됩니다.그 다음으로는 위젯

Stack 위젯은 Flutter에서 여러 자식 위젯을 겹치게 배치할 수 있게 해주는 컨테이너 위젯입니다Stack 내의 모든 자식은 오버레이 구조로 배열되어, 리스트의 앞쪽에 있는 위젯이 아래쪽에 위치하게 됩니다. Stack 위젯은 주로 위젯들 간의 위치를 상대적으로 정

Column 위젯은 여러 자식 위젯을 세로 방향으로 배열합니다. Column 위젯은 주로 여러 개의 자식 위젯을 세로로 정렬할 때 사용합니다. 주요 속성 mainAxisAlignment, crossAxisAlignment, children 등이 있습니다. main

Flexible 위젯은 Flex 위젯(Row나 Column 등)의 자식이 주 축(main axis)에 얼마나 많은 공간을 차지할 수 있는지를 결정합니다. Flexible 위젯은 주 축 방향에 남아있는 사용 가능한 공간을 기반으로, flex 속성에 지정된 비율에 따라 공

Flutter에서는 여러 종류의 스크롤 뷰를 제공하며, 각각 다양한 사용 케이스와 요구 사항에 맞춰져 있습니다. 주요 스크롤 뷰와 그들의 특징은 다음과 같습니다:한 개의 자식만을 가질 수 있는 스크롤 뷰입니다.자식 위젯이 화면보다 더 클 경우에 사용하며, 주로 화면을

앱 기본 뼈대 만들기

Building layouts Context의 사용 사례 테마 데이터 가져오기 Theme.of(context)를 사용하여 현재 테마 데이터에 액세스할 수 있습니다. Navigator 사용하기 페이지 전환을 위해 Navigator.of(context)를 사용할 수

앱 또는 프로그램 내의 객체나 컴포넌트가 생성되고 소멸되는 과정을 기술하는 것을 생명주기(Life Cycle)라고 합니다. 특히 UI 프레임워크나 앱 개발에서, 위젯이나 컴포넌트의 생명주기는 매우 중요한 개념입니다.Flutter에서는 주로 StatelessWidget과

BuildContext(context) 는 위젯 트리의 현재 위치에 대한 정보를 가진 객체입니다. 이 context를 통해 위젯 트리에서 상위 위젯을 참조하거나 다양한 메타데이터(예: 테마, MediaQuery, Locale 등)를 얻을 수 있습니다. 단, contex

플러터에서 콜백 함수(callback function)는 한 위젯이나 클래스가 다른 위젯이나 클래스에게 특정 작업을 수행하도록 요청을 보내는 방법입니다. 일반적으로, 위젯의 부모가 자식 위젯에게 콜백 함수를 제공하여, 자식 위젯이 특정 상황에 부모 위젯에게 정보를 전달

IndexedStack은 Flutter에서 제공하는 위젯 중 하나로, 자식 위젯 중 하나만을 한 번에 표시하는 스택입니다. 기본 Stack 위젯과의 주요 차이점은 Stack이 자신의 자식을 겹쳐서 표시하는 반면 IndexedStack은 특정 인덱스에 있는 하나의 자식만

1. MaterialPageRoute 란 뭘까? MaterialPageRoute는 Flutter에서 앱 내 페이지 전환을 위한 라우터를 제공하는 위젯입니다. 이 위젯은 플랫폼별로 일관된 모양과 느낌의 페이지 전환을 제공하기 위해 디자인되었습니다. Navigator

main_screens.dart theme.dart main.dart

main_screens.dart

pub.devdio는 HTTP 클라이언트 라이브러리입니다. Flutter와 Dart 웹, CLI 및 서버 사이드 개발에서 사용됩니다.풍부한 기능: dio는 기본 HTTP 요청뿐만 아니라 FormData, File Upload/Download, Timeout 등 다양한

앱 아키텍처는 애플리케이션의 전반적인 구조와 구성요소, 그리고 이러한 구성요소 간의 관계와 상호작용을 정의하는 청사진 또는 설계 원칙을 의미합니다. 쉽게 말해, 앱을 구축하는 데 필요한 구성요소와 이러한 구성요소들이 어떻게 함께 작동하고 연결되는지를 설명하는 방법론이라

Flutter의 Theme는 앱 전체의 색상, 스타일, 그래픽 디자인 언어 등을 중앙에서 관리할 수 있게 해주는 기능입니다. Theme을 사용하면 앱 전체의 디자인 및 레이아웃을 일관되게 유지하면서 손쉽게 변경할 수 있습니다.일반적으로 MaterialApp 위젯에서 t

state-mgmt플러터에서 상태 관리는 굉장히 중요한 개념입니다 상태는 앱의 정보나 데이터를 나타내는 것으로, 어떤 시점에서 앱이 "어떻게 보이는지"와 "어떻게 동작하는지"를 결정합니다. 예를 들면, 체크박스의 체크 여부, 텍스트 입력 필드의 내용, 리스트의 아이템