나만을 위한 블로그

먼저 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..

컴포즈에서 앱 바, 바텀 앱 바, fab가 포함된 화면을 만들 때 Scaffold를 사용한다. 이걸 쓰면 표준화된 레이아웃을 큰 공수 없이 만들 수 있게 되어 개발 프로세스가 간소화된다는 장점이 있다.플러터에도 사용법은 다르지만 이와 동일한 Scaffold 위젯이 있다. 이름도 동일해서 컴포즈에서 사용한 적이 있다면 플러터에서 사용하는 것도 그렇게 어렵지 않아 보인다.아래는 Scaffold를 설명하는 플러터 공식문서다. https://api.flutter.dev/flutter/material/Scaffold-class.html Scaffold class - material library - Dart APIImplements the basic Material Design visual layout struc..

이 에러가 표시되더라도 VS code나 에뮬레이터에서 작동하는 데는 문제가 없다. 그러나 노란색으로 상단에 계속 표시되기 때문에 거슬려서 해결 방법을 찾아봤다. 내 경우 File > Project Structure > modules 클릭 > 빨간 줄이 표시되는 폴더 클릭 > module sdk가 Android 29로 설정된 걸 33으로 바꾸니 해결됐다. 이 방법 전에는 Settings > Language & Frameworks > Android SDK 클릭 후 29가 설치되어 있지 않았어서 설치했고, 그래도 계속 경고가 표시되서 위 방법대로 하니 해결됐다. 참고한 사이트) https://stackoverflow.com/questions/76982304/android-sdk-android-api-29-pl..

record는 Dart 3.0에서 등장했고, 익명이고 불변인 집계(aggregate) 타입이다. 이걸 쓰면 여러 객체를 하나의 객체로 묶을 수 있다. 특징만 보면 컬렉션이 떠오르지만 Dart 공식문서를 보면 레코드와 컬렉션은 별도의 문서로 구분되어 있어서 서로 다른 개념이다. 어떤 것인지 공식문서를 확인해 본다. https://dart.dev/language/records Records Summary of the record data structure in Dart. dart.dev 레코드는 익명의 불변 집계 유형이다. 다른 컬렉션 타입과 마찬가지로 여러 객체를 하나의 객체로 묶을 수 있다. 다른 컬렉션 타입과 달리 레코드는 크기가 고정돼 있고 이질적이며 타입이 지정돼 있다. 레코드는 실제 값이므로 변수..

플러터에선 위젯을 써서 UI를 구현한다. 그리고 이 위젯은 Stateful하거나 Stateless하거나 둘 중 하나의 특징을 갖는다. Stateful, Stateless를 확인하려면 위젯이 뭔지 알아야 이해가 좀 더 쉬울 것 같아 위젯부터 확인한다. https://docs.flutter.dev/ui Building user interfaces with Flutter Introduction to user interface development in Flutter. docs.flutter.dev 플러터 위젯은 리액트에서 영감을 얻은 프레임워크를 써서 제작됐다. 핵심 아이디어는 위젯으로 UI를 구축한다는 것이다. 위젯은 현재 구성, 상태에 따라 뷰가 어떤 모습이어야 하는지 설명한다. 위젯 상태가 바뀌면 위젯은..