나만을 위한 블로그

※ 다른 화면으로 값을 이동시키는 방법은 이것만 있는게 아님에 주의한다 이 포스팅에선 TextField에 뭔가를 입력한 뒤 버튼을 누르면 입력한 값을 갖고 화면을 이동하는 방법에 대해 확인한다.코드는 아래와 같다. 먼저 TextField다. 간단하게 만들었다. import 'package:flutter/material.dart';class BasicTextField extends StatelessWidget { const BasicTextField({ super.key, required this.myController, }); final TextEditingController myController; @override Widget build(BuildContext context) { ..

Compose의 Row와 같이 플러터의 Row도 위젯들을 가로로 배치하는 역할을 하는 위젯이다. Column은 세로로 배치한다.Container와 같이 기본 위젯에 속하는 위젯으로 여러 자식들을 받기 위해 child 프로퍼티가 아닌 children 프로퍼티를 필수 구현하고, 그 값으로 위젯들의 배열을 넘겨야 한다.아래는 Row의 공식문서다. https://api.flutter.dev/flutter/widgets/Row-class.html Row class - widgets library - Dart APIA widget that displays its children in a horizontal array. To cause a child to expand to fill the available horiz..

Container는 플러터의 위젯 카탈로그 중 기본 위젯에 속하고 painting, 위치 설정과 크기 조정 위젯을 결합한 위젯이다.Scaffold 안에 화면을 만들 때 부모 위젯으로 사용할 수 있는데 공식문서에선 어떻게 설명하는지 확인한다. https://api.flutter.dev/flutter/widgets/Container-class.html Container class - widgets library - Dart APIA convenience widget that combines common painting, positioning, and sizing widgets. A container first surrounds the child with padding (inflated by any borde..

플러터에 외부 패키지를 설치하거나 이미지, 에셋 등의 폴더 경로를 알리려면 pubsec.yml 파일을 수정한다.그런데 이 파일은 이럴 때만 수정하려고 있는 건 아닐 것이다. 근본적으로 이 파일은 뭔가?아래는 pubspec 파일에 대한 공식문서다. https://docs.flutter.dev/tools/pubspec Flutter and the pubspec fileDescribes the Flutter-only fields in the pubspec file.docs.flutter.dev모든 플러터 프로젝트에는 pubspec.yaml 파일이 포함돼 있다. 새 프로젝트를 만들면 기본적으로 생성된다. 프로젝트 트리의 맨 위에 위치하고 dart, 플러터가 알아야 하는 프로젝트의 메타데이터를 제공한다. 사람이 ..

먼저 AppBar를 설명하는 공식문서부터 먼저 확인한다. https://api.flutter.dev/flutter/material/AppBar-class.html AppBar class - material library - Dart APIA Material Design app bar. An app bar consists of a toolbar and potentially other widgets, such as a TabBar and a FlexibleSpaceBar. App bars typically expose one or more common actions with IconButtons which are optionally followed by a PopupMenuButton forapi.flutt..

아래 공식문서를 바탕으로 작성한다. https://dart.dev/language/loops LoopsLearn how to use loops to control the flow of your Dart code.dart.dev dart의 반복문은 3종류 있다. for문whiledo-while for문의 형태는 자바와 매우 비슷하다. var message = StringBuffer('Dart is fun');for (var i = 0; i  자바의 향상된 for문과 같은 형태로도 쓸 수 있다. for-in 루프라고 하는 듯한데, 차이라면 자바에선 콜론을 쓰지만 dart에선 in을 쓴다. for (final candidate in candidates) { candidate.interview();} for-..

이 포스팅에선 두 종류 위젯들의 생명주기를 확인한다. 관련 공식문서는 아래를 참고했다. https://api.flutter.dev/flutter/widgets/State-class.html State class - widgets library - Dart APIThe logic and internal state for a StatefulWidget. State is information that (1) can be read synchronously when the widget is built and (2) might change during the lifetime of the widget. It is the responsibility of the widget implementer to ensure tha..

안드로이드에선 주로 레트로핏을 사용해 통신하는 경우가 많은데, 플러터에선 http라는 패키지를 통해 네트워크 통신을 하는 경우도 있는 듯하다. 물론 dio, 플러터의 retrofit 등 여러가지를 쓰는 경우가 많겠으나 네트워크 통신을 하려면 이런 라이브러리보다 async, await, Future라는 키워드를 먼저 알아야 한다.아래는 플러터 비동기 프로그래밍을 다루는 공식문서다. https://dart.dev/libraries/async/async-await Asynchronous programming: futures, async, awaitLearn about and practice writing asynchronous code in DartPad!dart.dev(중략)...이 튜토리얼은 다음을 다룬다..

dart를 사용하다 보면 final, const 키워드를 사용하는 순간이 온다.공식문서와 다른 글들을 보면서 두 키워드에 대해 확인한다. https://dart.dev/language/variables#final-and-const VariablesLearn about variables in Dart.dart.dev변수를 바꾸지 않으려는 경우 var 대신 final 또는 const를 사용하거나 타입에 추가하라. final 변수는 한 번만 설정 가능하고 const는 컴파일 타임 상수다. 인스턴스 변수(=클래스 안에 선언한 변수)의 경우 final은 쓸 수 있지만 const는 쓸 수 없다아래는 final 변수를 생성, 초기화하는 예시다. 이 때 final 변수의 값은 (다른 곳에서) 바꿀 수 없다final n..

이 포스팅에선 Dart에서 생성자를 어떻게 사용하는지 확인한다. 포스팅에서 사용할 Dart 버전은 3.4.4임을 참고한다.아래는 플러터 공식문서 중 생성자의 공식문서다. https://dart.dev/language/constructors ConstructorsEverything about using constructors in Dart.dart.dev생성자는 클래스의 인스턴스를 만드는 특수 함수다. 기본 생성자를 제외하고 이런 함수는 클래스와 같은 이름을 쓴다- Generative constructors : 새 인스턴스를 만들고 인스턴스를 초기화- Default constructors : 생성자가 지정되지 않은 경우 새 인스턴스를 만들 때 사용. 인수를 받지 않고 이름이 지정되지 않음- Named co..