사용 위젯 Form TextFormField TextField 위젯을 사용하면 TextEditingController 를 사용해야하는데, 여러 개의 필드 사용 시 관리가 어려워진다. 그래서 TextFormField 를 사용한다. 그럼 바로 시작해보자. 1. Form 생성 Form 위젯을 생성하고 key 값을 지정한다. key : GlobalKey() 지정 child : TextFormField 위젯 추가 예정 class FormScreen extends StatefulWidget { const FormScreen({Key? key}) : super(key: key); @override State createState() => _FormScreenState(); } class _FormScreenState..

Dart enum : enhanced_enumerations Before : extension 사용 필수 enum Water { frozen, boiling } extension Members on Water { int waterToTemp(Water water) { switch (water) { case Water.frozen: return 32; break; default: return 212; break; } } String convertToString() => 'The $name water is ${waterToTemp(this)}F.'; } void main() { print(Water.frozen.convertToString()); } => The frozen water is 32F. Afte..

Flutter 개발 환경을 위한 Visual Studio Code의 설정 및 확장 프로그램 설치를 하도록 하겠습니다. Dart & Flutter 일단 가장 기본인 Dart와 Flutter Extension을 설치합니다. 완전 기본이니 무조건 설치! VSCode Setting Flutter 개발에 유용한 설정을 합니다. View > Command Palette 또는 ⇧⌘P를 눌러 Command Palette를 실행한 뒤 setting을 입력해서 setting.json 파일을 열어 필요한 설정을 추가합니다. 자동 저장 및 정렬 파일을 자동으로 저장하게 하고, 저장할 때 코드를 정렬하도록 설정합니다. 이 설정 때문에 코드를 입력한 다음 바로 ⌘S를 눌러 저장하는 게 습관이 되어버렸어요. // * File //..

나의 맥북은 장수 맥북이다보니 Andriod Studio에 Simulator까지 돌리려니 힘들어하는 것 같아 조금 더 가볍운 Visual Studio를 사용하려고 한다. 기본 설치 참고 우선 Flutter, X-code, Android Studio 등의 사전 설치가 필요하다. 🔗 Mac에 Flutter 설치하기 🔗 Mac Full Xcode 설치하기 Extension 설치 ※ REF : Setup on Editor Flutter Extention VS Code에서 'Flutter'로 검색해서 Extension을 설치한다. 설치한 후 View > Command Palette 또는 Command + Shift + P를 실행한 뒤 Flutter: Run Flutter Doctor를 실행해서 설치를 확인한다. ..

사전 준비 Visual Studio Code로 개발을 하려는데 Flutter Extension 설정이 되어 있지 않다면? 🔗 Mac - Visual Studio Code에서 Flutter 설정 및 프로젝트 시작하기를 먼저 진행한다. 프로젝트명 작성 시 주의사항 🔗 Flutter Doc Project Name Rule 프로젝트를 생성하기 전에 프로젝트명의 규칙을 확인하자. 전부 소문자만 사용 (The name should be all lowercase) 분리된 단어에 언더바 사용 (with underscores to separate words) 오직 알파벳과 숫자만 사용 (Use only basic Latin letters and Arabic digits: [a-z0-9_]) 숫자로 시작하지 말 것 (th..

Stream Stream은 비동기식 데이터 시퀀스를 제공한다. Streams provide an asynchronous sequence of data. 데이터 시퀀스는 사용자 생성 이벤트나 파일에서 읽은 데이터를 포함한다. Data sequences include user-generated events and data read from files. Stream API에서 await for 또는 listen() 을 사용해서 Stream을 처리할 수 있다. You can process a stream using either await for or listen() from the Stream API. Stream은 오류에 반응하는 방법을 제공한다. Streams provide a way to respond t..

Future class Null safety 비동기식 연산의 결과이다. The result of an asynchronous computation. 시작하고 바로 결과값을 반환 또는 발생시키는 동기식 연산과 달리, 비동기식 연산은 연산이 시작되고 즉시 결과값을 얻지 못한다. 비동기식 연산은 파일을 읽거나 데이터베이스를 읽거나 웹 페이지를 가져오는 등의 시간이 걸리는 외부의 어떤 프로그램을 기다려야 할 때가 있다. 비동기식 연산은 결과를 사용할 수 있을 때까지 모든 연산을 막기보다는 결국에는 결과가 완료될 Future를 즉시 반환한다. An asynchronous computation cannot provide a result immediately when it is started, unlike a syn..

간단하게 List, Map, Set의 형변환을 알아보자. 사실 알아본다기 보다는 메모해두자~ List void main() { List bts = ['RM', 'Jin', 'Suga', 'J-Hope', 'Jimin', 'V', 'JK', 'RM']; print(bts); print(bts.asMap()); // List -> Map print(bts.toSet()); // List -> Set } => [RM, Jin, Suga, J-Hope, Jimin, V, JK, RM] {0: RM, 1: Jin, 2: Suga, 3: J-Hope, 4: Jimin, 5: V, 6: JK, 7: RM} {RM, Jin, Suga, J-Hope, Jimin, V, JK} Map void main() { Map bt..