공부 기록/Flutter
-
Flutter: 날씨 앱(weather app) 만들기 2: JSON parsing공부 기록/Flutter 2022. 1. 6. 23:43
https://www.youtube.com/watch?v=ccq1yCmNzdk&list=PLQt_pzi-LLfoOpp3b-pnnLXgYpiFEftLB&index=14 #1에서는 버튼을 누르면 날씨 정보를 가져왔는데, 앱이 실행되자마자 날씨 정보가 나타나도록 코드를 바꿔보자. onPressed를 null로 바꾸고, initState() 사용 class _LoadingState extends State { // _LoadingState 위젯이 생성될 때 딱 한번 호출되는 메서드 추가 @override void initState() { super.initState(); getLocation(); //initState 안에 추가함으로써 앱이실행되지마자 위치 정보가 뜰 수 있도록 수정함 } void getLoca..
-
Flutter: 날씨앱 만들기 (앱의 생명주기)공부 기록/Flutter 2022. 1. 6. 00:11
강의 정리 Statless widget은 한번 생성되면 상태를 변경할 수 없기 때문에, 상태를 변경하려면 build method를 통해 stateless widget을 destroy후 rebuild해야함. 반면 Stateful widget은 Stateful object와 결합되어 있음. Stateful object은위젯의 구성요소나 위젯의 속성을 추적하는 역할을함. setState method를 통해 Stateful object은 위젯의 구성요소나 위젯의 속성의 변수를 언제든지 업데이트할 수 있음. Stateful widget의 생명주기를 살펴보면, - initState method: state가 최초로 생성될 때 호출되는 메서드 - build method: 눈으로 보게되는 위젯을 빌드하는 메서드 - d..
-
Flutter: constant, final공부 기록/Flutter 2021. 12. 3. 00:23
코딩쉐프 님의 조금 매운맛 강좌 6 정리: 변수는 mutable하다. https://dart.dev/guides/language/language-tour#final-and-const Final and const If you never intend to change a variable, use final or const, either instead of var or in addition to a type. A final variable can be set only once; a const variable is a compile-time constant. (Const variables are implicitly final.) > final 변수는 오직 한번만 설정할 수있다. const 변수는 컴파일 시간에 ..
-
Flutter: 스낵바, BuildContext공부 기록/Flutter 2021. 11. 28. 00:13
강의 정리 (https://www.youtube.com/watch?v=-zxGPfjiQQA) context는 BuilderContext 클래스의 인스턴스이다. 아래 Person 클래스를 만들고 p1이라는 인스턴스를 생성한 예처럼, 인스턴스의 이름을 정의할 수 있는 것처럼 context도 인스턴스 이름이므로 이름이 변경 가능하다. onPressed 함수에 Scaffold.of(context).shoSnackBar(snackBar(content: xx )를 추가함 -> 다음 에러 발생. Scaffold를 포함하지 않은 contex가 호출되었다. + 에러메시지 중에 다음 내용도 참고: The context used was: MyPage 왜 그럴까? scaffold가 사용하는 context를 찾아올라가야하는데,..
-
Flutter: 로그인 & 주사위 게임 실습공부 기록/Flutter 2021. 11. 27. 18:37
https://www.youtube.com/watch?v=mQX_kJKnZzk&list=PLQt_pzi-LLfoOpp3b-pnnLXgYpiFEftLB&index=3 SingleChildScrollView 위젯은. 키보드 입력 시 화면이 잘려보이기 때문에 스크롤할 수 있도록 Column위젯을 해당 위젯으로 감쌈. https://flutter.dev/docs/cookbook/forms/text-field-changes#2-use-a-texteditingcontroller Handle changes to a text field How to detect changes to a text field. docs.flutter.dev TextEditingController: 텍스트 폼에 입력한 데이터를 가지고 오는 생..
-
Flutter: collection, generic공부 기록/Flutter 2021. 11. 23. 00:02
참고강좌: https://www.youtube.com/watch?v=6AUuEP_n38Y&list=PLQt_pzi-LLfpcRFhWMywTePfZ2aPapvyl&index=24 Flutter에서는 array를 List라고 함. 두가지가 있음 - 하나는 fixed-length list(지정한 개수만 올 수 있음): var number = new List(5) .. 길이가 5인 List - 또 다른 하나는 growble list(길이 제한 없음):var number = new List() .. 길이 제한 없음 List 안에 들어가는 것들응ㄴ 하나의 객체로 취급되어 다양한 타입이 들어갈 수 있음. int, double, boolean, function까지, 즉 List number에서 형의 데이터들을 가진 L..
-
Flutter: Navigator, BuildContext공부 기록/Flutter 2021. 11. 21. 16:04
routes: 스마트폰 앱에서 보여지는 화면,페이지 (Android로 따지면 activity), Navigator 위젯으로 관리. 스텍이라는 자료구조 형식으로 라우터 개체들을 관리. push(data를 스택에 쌓는), pop method (스텍의 데이터 삭제) 제공 https://www.youtube.com/watch?v=BWG9XS5ecig&list=PLQt_pzi-LLfpcRFhWMywTePfZ2aPapvyl&index=22 https://api.flutter.dev/flutter/widgets/Navigator-class.html Navigator class - widgets library - Dart API A widget that manages a set of child widgets with ..
-
Flutter 기초 공부: Rows, Columns, Flutter outline & shorcuts, Expended widget공부 기록/Flutter 2021. 11. 16. 00:05
https://www.youtube.com/watch?v=a6oKFvGuTH4&list=PL4cUxeGkcC9jLYyp2Aoh6hcWuxFDX6PBJ&index=11 Row 위젯을 이용해서 한 줄안에 여러 위젯을 추가할 수 있음 이 때 children: [ , , ] 형식으로 list 타입으로 작성 (comma separated) mainAxisAlignment의 프로퍼티로 다양한 형태의 row 구성할 수 있음. 같은 방식으로 crossAxisAligntment를 사용하여 세로축의 정렬 설정 가능 #12 Columns Row widge t과 같이 mainAxisAlignment의 프로퍼터 이용하기 but Row와 반대축을 가짐. 세로축이 mainAxis (Row에서는 가로축이 mainAxis) #13. ..