FractionallySizedBox class FractionallySizedBox class는 상위 부모의 사이즈 비율에 맞게 만드는 것이다. 즉 디자인의 크기가 상대적이어야 할 때 크기를 상위 부모의 사이즈를 바탕으로 비율로 표현하는 것이다. example) FractionallySizedBox를 사용해서 상위 부모의 사이즈 비율을 지정하여 child의 크기를 정하고 있다. 코드에서 0.7은 70%를 나타낸다. 즉 상위 부모 사이즈의 70%만큼 child를 만들겠다는 의미이다. widthFactor처럼 heightFactor을 사용하여 높이의 비율도 설정할 수 있다. 이처럼 FractionallySizedBox class는 상위 부모의 사이즈 비율로 크기를 지정할 때 사용한다.

FittedBox Class child 또는 내용의 양에 따라 크기가 확장되는 위젯에 의해 오버플로우가 발생되는 경우 FittedBox로 감싸면 전체 크기를 넘지 않게 되며 오버플로우가 방지된다. alignment를 사용하여 원하는 배열로 나타낼 수 있다. example) 사용 전) 사용 후) 이처럼 부모에서 주어진 크기 내에 child를 생성할 때 오버플로우가 발생하지 않도록 하기 위해 주로 사용한다. fittedBox는 부모 크기에 맞춰 child 크기를 조정하는 것이다. BoxFit.cover를 사용하면 부모 크기에 딱 맞게 child 크기를 조정할 수 있다. 참고) https://medium.com/flutter-community/flutter-widgets-boxes-part-2-the-whol..

CustomSingleChildLayout childe의 레이아웃을 지정하는 위젯이다. delegate은 child 레이아웃의 constraints를 결정할 수 있다. 또한 child를 어디에 둘지, parent의 크기를 결정한다. 하지만 parent는 child의 크기에 의존하지 않는다. CustomSingleChildLayout은 delegate를 지정해야 한다. 주로 grid를 만들 때 쓰인다. 정리하면, child의 위치, 크기를 결정할 때 사용하는 layout 중 하나이다. example 1) const CustomSingleChildLayout({ Key key, @required this.delegate, Widget child, }) example 2) Widget single(){ ret..

Initializer lists constructor 실행 전에 final fields가 값을 가지는지를 확인하는 등의 초기 설정이 필요한 경우가 있다. 즉, default field에 실행 전에 값이 있도록 하기 위해 Initializer lists에서 초기화 하는 작업을 수행한다. Point.fromJson(Map json) : x = json['x']!, y = json['y']! { print('In Point.fromJson(): ($x, $y)'); } assert는 개발 모드의 debug중에만 영향을 미친다. Initializer lists에는 이렇게 debug중에만 실행되는 assert를 넣을 수 있다. class FirstTwoLetters { final String letterOne; ..

about using this in a constructor this.propertyName 은 짧고 간단하게 constructor의 values에 값을 할당할 때 사용한다. class MyColor { int red; int green; int blue; MyColor(this.red, this.green, this.blue); } final color = MyColor(80, 80, 128); 제시된 코드에서 this.은 class 변수에 값을 넣겠다는 것을 의미한다. 이러한 방식은 named parameters에서도 사용된다. using this in named parameters class MyColor { ... MyColor({required this.red, required this.gree..

Exceptions 의미: exceptions는 예상치 못한 일이 발생했음을 나타내는 오류이다. 기능: dart code는 exceptions를 throw 하고 catch할 수 있다. 특징: dart는 exception과 error types를 제공하지만, null이 아닌 객체만 throw 할 수 있다. exceptions를 다루기 위해 알아야 하는 용어 throw exception발생 시 객체 또는 코드 등을 반환할 수 있다. //일단 에러를 던져본다고 생각 throw 사용 코드 예) //example 1 throw FormatException('Expected at least 1 section'); //example 2 throw 'Out of llamas!'; example 1 사용을 권장한다. 에..

git checkout을 하려고 했으나 이런 에러가 떠서 아무것도 하지 못하는 상황이 되었다. 현재 vscode를 사용 중인데, 폴더 옆에 ! 이런 표시가 생겼다. 아무리 에러를 찾아보아도 에러는 보이지 않고, 빌드가 되지 않았다. 그래서 일단 git status 명령어를 사용하여 어디에서 어떤 에러가 발생했는지 확인해 보았다. $git status 그 결과 이런 결과를 얻을 수 있었다. 아무래도 수정한 것을 제대로 저장 또는 push 하지 않은 상태에서 merge를 해서 발생한 문제인 것 같다. 이렇게 git status를 통해 에러가 난 부분을 확인할 수 있었다. 그래서 에러에 나온대로 각 파일을 하나씩 git add하여 수정된 것을 저장하였다. 잘 보일지 모르겠으나, 기존에 home.dart 파일이..