막내의 막무가내 프로그래밍 & 일상

[이전학습] https://youngest-programming.tistory.com/692 [Flutter] Udemy 플러터 강의 섹션 13 학습 (학습중 3시간18분 강의) (Clima - Powering Your Flutter App with Live W [이전학습] https://youngest-programming.tistory.com/685 [Flutter] Udemy 플러터 강의 섹션 12 학습 (BMI Calculator - Building Flutter for intermediates) [이전학습] https://youngest-programming.tistor.. youngest-programming.tistory.com [참고] https://www.udemy.com/course/f..

[이전학습] https://youngest-programming.tistory.com/685 [Flutter] Udemy 플러터 강의 섹션 12 학습 (BMI Calculator - Building Flutter for intermediates) [이전학습] https://youngest-programming.tistory.com/682 [Flutter] Udemy 플러터 강의 섹션 11 학습 (섹션 11: Boss Level Challenge 2 - Destini) [이전학습] https://youngest-programming.tistory.com/624.. youngest-programming.tistory.com [참고] https://www.udemy.com/course/flutter-bootc..

[에러내용] A non-null String must be provided to a Text widget. 'package:flutter/src/widgets/text.dart': Failed assertion: line 370 pos 10: 'data != null' 말그대로 null 에러가 났다. 근데 null 에러가 날 수가 없는 상황이고 앞에 null체크를 해줘도 같은 에러가 났다. 이걸로 삽질을 한거에 대해 포스팅을 한다. (별거아니지만 헿) import 'package:bmi_calculator/components/bottom_button.dart'; import 'package:flutter/material.dart'; import '../components/reusable_card.dart..

The overflowing RenderFlex has an orientation of Axis.vertical.The edge of the RenderFlex that is overflowing has been marked in the rendering with a yellow and black striped pattern. This is usually caused by the contents being too big for the RenderFlex. 넘친 RenderFlex의 방향은 Axis.vertical입니다. 넘치고 있는 RenderFlex의 가장자리는 렌더링에서 노란색과 검은색 줄무늬 패턴으로 표시되었습니다. 이는 일반적으로 내용이 RenderFlex에 비해 너무 커서 발생합니다. 해결하는 ..

안드로이드에서는 제약뷰로 제약을 주면 되었는데 플러터에서는 선언형 UI 방식이기도해서 구현 방법이 좀 다르다. 많이 써먹을 것 같아 기록한다. crossAxisAlignment: CrossAxisAlignment.baseline, textBaseline: TextBaseline.alphabetic, 을 사용해서 크기가 다른 Text위젯인 100과 cm를 가운데 정렬 + cm는 숫자 100과 더 크기가 큰 위젯인 100의 하단 베이스라인에 맞추는것을 구현했다. 베이스라인은 이렇게 서로 다른 위젯, 폰트의 기준을 잡아주는 역할을 한다고 보면 된다. 그리고 textBaseLine은 알파벳을 기준선으로하는 alphabetic과 텍스트영역 최하단 기준인 ideographic가 있다. Expanded( child:..

플러터는 객체지향과 함수형 프로그래밍 특징을 모두 가진 언어이다. https://api.flutter.dev/flutter/dart-core/Function-class.html Function class - dart:core library - Dart API The base class for all function types. The run-time type of a function object is subtype of a function type, and as such, a subtype of Function. Constructors Function() Properties hashCode → int A hash code value that is compatible with operator==. read..

[이전학습] https://youngest-programming.tistory.com/682 [Flutter] Udemy 플러터 강의 섹션 11 학습 (섹션 11: Boss Level Challenge 2 - Destini) [이전학습] https://youngest-programming.tistory.com/624 [Flutter] Udemy 플러터 강의 섹션 10 학습 (섹션 10: Quizzler -Modularising & Organising FlutterCode) [이전학습] https://youngest-programming.t.. youngest-programming.tistory.com [참고] https://www.udemy.com/course/flutter-bootcamp-with-da..

[이전학습] https://youngest-programming.tistory.com/624 [Flutter] Udemy 플러터 강의 섹션 10 학습 (섹션 10: Quizzler -Modularising & Organising FlutterCode) [이전학습] https://youngest-programming.tistory.com/623 [Flutter] Udemy 플러터 강의 섹션 9 학습 (Xylophone - Using Flutter and Dart Packages toSpeed Up Development) [이전학습] https://youngest-prog.. youngest-programming.tistory.com [참고] https://www.udemy.com/course/flutter..

[이전학습] https://youngest-programming.tistory.com/623 [Flutter] Udemy 플러터 강의 섹션 9 학습 (Xylophone - Using Flutter and Dart Packages toSpeed Up Development) [이전학습] https://youngest-programming.tistory.com/621 [Flutter] Udemy 플러터 강의 섹션 8 학습 (학습중..) (Boss Level Challenge 1 - Magic 8 Ball) [이전학습] https://youngest-programming.tistory.co.. youngest-programming.tistory.com [참고] https://www.udemy.com/course..

[이전학습] https://youngest-programming.tistory.com/621 [Flutter] Udemy 플러터 강의 섹션 8 학습 (학습중..) (Boss Level Challenge 1 - Magic 8 Ball) [이전학습] https://youngest-programming.tistory.com/617 [Flutter] Udemy 플러터 강의 섹션 7 학습 (Dicee - Building Apps with State) 플러터에 대해 조금씩 학습하고 있습니다. 최근에는 연수때문에 시간이.. youngest-programming.tistory.com [참고] https://www.udemy.com/course/flutter-bootcamp-with-dart/ The Complete 2..

[이전학습] https://youngest-programming.tistory.com/617 [Flutter] Udemy 플러터 강의 섹션 7 학습 (Dicee - Building Apps with State) 플러터에 대해 조금씩 학습하고 있습니다. 최근에는 연수때문에 시간이 부족하여 섹션 6 학습을 오늘 끝냈습니다. 앞으로도 안드로이드와 함께 조금씩 학습할 예정입니다. 다만 이 섹션부터는 youngest-programming.tistory.com [참고] https://www.udemy.com/course/flutter-bootcamp-with-dart/ The Complete 2021 Flutter Development Bootcamp with Dart Officially created in col..

플러터에 대해 조금씩 학습하고 있습니다. 최근에는 연수때문에 시간이 부족하여 섹션 6 학습을 오늘 끝냈습니다. 앞으로도 안드로이드와 함께 조금씩 학습할 예정입니다. 다만 이 섹션부터는 강의 전반에 개념에 대한 정리는 생략하고 챌린지 및 코드위주로 기록하는 방식(?)으로 정리하려고 합니다. 왜냐하면 강의 전반에 대해 모두 정리하고 기록하려니까 시간도 많이 들고 비효율적이라고 생각했기 떄문입니다. 빠르게 학습하고 플러터로 개인 프로젝트를 하나 해보는게 더 좋을 것 같습니다. 또한 강의 질과 플러터 자료도 훌륭하고 매 강의마다 Challenge(챌린지)라고 과제 및 이해했는지 직접 코드를 짜보는 시간이 있어 굳이 모든 강의 내용을 정리안하고 챌린지 한 결과만 주석처리하여 기록하면 그것만 참고해도 나중에 좋을 ..

[문제점] 플러터 학습을 하던 도중 분명 문서와 강의에서 하라는대로 커스텀 폰트를 다운받아 fonts/ 디렉토리에 추가하고 pubsepc.yaml 에서 pub get 해주었는데도 폰트가 적용이 안되는 문제점일 발생하였습니다. 핫 리로드 뿐만 아니라 Run 시에도 안되었습니다. pubspec.yaml name: mi_card description: A new Flutter application. # The following defines the version and build number for your application. # A version number is three numbers separated by dots, like 1.2.43 # followed by an optional build nu..

[플러터 레이아웃 치트시트] https://medium.com/flutter-community/flutter-layout-cheat-sheet-5363348d037e Flutter Layout Cheat Sheet Do you need simple layout samples for Flutter? I present you my set of Flutter layout code snippets. I will keep it short, sweet and simple… medium.com [플러터 공식문서] https://flutter.dev/docs Flutter documentation Get started with Flutter. Widgets, examples, updates, and API docs t..

[이전학습] https://youngest-programming.tistory.com/607 [Flutter] Udemy 플러터 강의 섹션 5 학습 (I Am Poor - App Challenge) [이전학습] https://youngest-programming.tistory.com/606 [Flutter] Udemy 플러터 강의 섹션 4 학습 (학습예정) [이전학습] https://youngest-programming.tistory.com/604 [Flutter] Udemy 플러터 강의 섹션 3.. youngest-programming.tistory.com [참고] https://www.udemy.com/course/flutter-bootcamp-with-dart/ The Complete 2021 Fl..