Programming-[CrossPlatform] (36) 썸네일형 리스트형 Flutter 기본-11. Null Safety, 날씨앱 만들기 기본 Youtube 코딩셰프님의 강의를 요약 정리한 글이다. dart 언어나 이론 부분은 자바와 유사하여 대부분 제외하였고, flutter 기초 위주로 정리한다. https://www.youtube.com/@codingchef 코딩셰프 향후 대세가 될 플러터를 단계별로 맛있게 학습하실 수 있습니다! www.youtube.com 1. null safety Flutter 2 버전부터 null safety mode를 지원하게 되었다. nullable 하지 않은 값을 선언했는데 null이 들어올 위험이 있으면 compile 에러를 낸다. 특히 class 안의 변수는 생성과 동시에 반드시 초기화 해줘야한다. 아니면 아래의 nullable 처리들을 해줘야한다. nullalble 처리 타입 뒤에 물음표 ?를 붙여주면 nu.. Flutter 기본-10. Dart 학습: final/const, List.generate, Future/Async, FutureBuilder Youtube 코딩셰프님의 강의를 요약 정리한 글이다. dart 언어나 이론 부분은 자바와 유사하여 대부분 제외하였고, flutter 기초 위주로 정리한다. https://www.youtube.com/@codingchef 코딩셰프 향후 대세가 될 플러터를 단계별로 맛있게 학습하실 수 있습니다! www.youtube.com 이번 글에서는 기반 지식을 dart로 학습해본다. 마지막에는 이를 적용하여 flutter로 비동기처리하는 방법에 대해 배운다. 1. final 과 const의 차이. 용례 final과 const는 둘 다 변하지 않는 값의 의미를 내포하므로 정확한 의미가 용례가 살짝 헷갈릴 수 있다. const const는 컴파일 후에도 할당이 필요없는 값에 사용한다. 선언과 동시에 초기화되어 고정된다... Flutter 기본-9. 주사위 게임 페이지- Focus, Expanded, Random, showToast Youtube 코딩셰프님의 강의를 요약 정리한 글이다. dart 언어나 이론 부분은 자바와 유사하여 대부분 제외하였고, flutter 기초 위주로 정리한다. https://www.youtube.com/@codingchef 코딩셰프 향후 대세가 될 플러터를 단계별로 맛있게 학습하실 수 있습니다! www.youtube.com 앞서 학습한 로그인 페이지와 연결될 주사위 게임 페이지를 만들어본다. 1. Focus autofocus TextField상에 커서를 위치하게하여 사용자가 편하게 값을 입력할 수 있도록 하는 기능을 갖는 위젯을 Focus라 한다. 이 기능을 이용하면 여러 TextField가 있을 때 다음 TextField로 이동하는 기능 등을 구현할 수 있다. TextField의 인자값인 autofocu.. Flutter 기본-8. 로그인 페이지 만들어보기: TextField, TextEditingController, SingleChildScrollView Youtube 코딩셰프님의 강의를 요약 정리한 글이다. dart 언어나 이론 부분은 자바와 유사하여 대부분 제외하였고, flutter 기초 위주로 정리한다. https://www.youtube.com/@codingchef 코딩셰프 향후 대세가 될 플러터를 단계별로 맛있게 학습하실 수 있습니다! www.youtube.com 이번 강의에서는 배웠던 이론적인 부분들을 바탕으로 간단한 로그인, 주사위 놀이 페이지를 만들어본다. 코드를 보고 따라해보면서 각종 위젯이나 코드 작성 방식에 대해 좀 더 익숙해지라는 의도인 것 같다. 프로젝트 기본 툴은 코딩셰프 깃허브 페이지에서 다운로드 받으면 된다. https://github.com/icodingchef/login_dice-master GitHub - icodingc.. Flutter 기본-7. State와 StatefulWidget Youtube 코딩셰프님의 강의를 요약 정리한 글이다. dart 언어나 이론 부분은 자바와 유사하여 대부분 제외하였고, flutter 기초 위주로 정리한다. https://www.youtube.com/@codingchef 코딩셰프 향후 대세가 될 플러터를 단계별로 맛있게 학습하실 수 있습니다! www.youtube.com 1. State State란 UI의 변경에 영향을 미치는 데이터라고 할 수 있다. 이제 이 State가 변함에 따라 다른 형태의 화면이 표시될 수 있는 StatefulWidget에 대해서 공부한다. 플러터의 위젯 트리 그 전에 플러터가 어떤 구조를 갖고 화면을 그려내는지 살펴볼 것이다. 플러터에는 Widget tree, Element tree, Render tree라는 3개의 트리가 있.. Flutter 기본-6. Collection, Generic. 아주 살짝만.. Youtube 코딩셰프님의 강의를 요약 정리한 글이다. dart 언어나 이론 부분은 자바와 유사하여 대부분 제외하였고, flutter 기초 위주로 정리한다. https://www.youtube.com/@codingchef 코딩셰프 향후 대세가 될 플러터를 단계별로 맛있게 학습하실 수 있습니다! www.youtube.com Collection : List, Generic 살짝만 플러터의 기반이 되는 다트에서 Collection 타입인 List를 정의하고 사용하는 방법에 대해 배워본다. 자바처럼 List 안에 들어갈 수 있는 타입이 명확히 정해진 것도 아니고, 파이썬처럼 완전히 타입이 없는 형태도 아니다. 크기: 대괄호로 빈 리스트로 선언하거나, 주석 처리된 구문처럼 growable 옵션을 주어 크기를 제어.. Flutter 기본-5. Navigator, pushNamed method Youtube 코딩셰프님의 강의를 요약 정리한 글이다. dart 언어나 이론 부분은 자바와 유사하여 대부분 제외하였고, flutter 기초 위주로 정리한다. https://www.youtube.com/@codingchef 코딩셰프 향후 대세가 될 플러터를 단계별로 맛있게 학습하실 수 있습니다! www.youtube.com 1. Navigator : Routing Navigator는 페이지간 이동을 위해 사용하는 위젯이다. 어떤 위젯에 Navigator를 적용하여 다른 위젯 페이지로 이동하는 형태로 작업한다. 이때 다른 위젯으로 이동(Routing)을 위해서는 MaterialApp 이하에 위젯이 있어야만 위젯 트리에 등록되어 Routing이 가능하다. 즉 이동 대상이 되는 위젯도 flutter/materi.. Flutter 기본-4. Container, Column, Row 복습 Youtube 코딩셰프님의 강의를 요약 정리한 글이다. dart 언어나 이론 부분은 자바와 유사하여 대부분 제외하였고, flutter 기초 위주로 정리한다. https://www.youtube.com/@codingchef 코딩셰프 향후 대세가 될 플러터를 단계별로 맛있게 학습하실 수 있습니다! www.youtube.com 1. Container 크기 Container는 child를 따로 지정하지 않으면 가능한 많은 크기를 차지하려고 한다. 아래의 우측 그림 상에서 상태 표시줄 부분에까지 Colors.white가 적용된 것을 볼 수 있다. child Container는 children이 아닌 child 속성을 갖는다. 즉 1개의 자식만 갖는다. 각 위젯들이 child를 갖는지, children을 갖는지 알.. 이전 1 2 3 4 5 다음
