💻 문제 맥으로 과제를 하던 중 갑자기 맥이 꺼지는 현상이 발생했다. 어느 순간 렉이 발생하더니, 아예 검은 화면이 나오고 아무것도 실행되지 않았다. 너무 당황해서 일단 전원 버튼을 길게 눌러 강제 종료 후, 20분정도 기다린 뒤 다시 전원을 켰다. 그러나 여전히 검은 화면이었다. 휴대폰으로 검색한 결과, 컴퓨터 부팅이나, off되는 과정에서 프로그램이 꼬여 발생한 문제임을 알게 되었다. 💻 해결방법 Control + option + shift + 전원 option + command + p + r 이렇게 순서대로 동시에 눌러주면 갑자기 화면이 아주 살짝 번쩍 하며 재부팅 되는 것을 확인할 수 있다. 참고 사이트 : https://m.blog.naver.com/teddyjun/220333615605

Padding class 정해진 padding에 맞춰 child를 넣는 위젯이다. 위 사진은 공간이 전혀 없어 답답해 보이지 않은가? 각각의 사각형 사이에 공간을 조금 두면 어떨까? 이렇게 공간 즉 여백이 필요할 때 우리는 padding 위젯을 사용하여 해결할 수 있다. Padding 위젯을 사용하면 공간을 만들어 배치할 수 있다. 다음은 padding 위젯을 사용하여 공간을 만든 결과이다. 그렇다면 padding은 어떻게 사용할까? 이렇게 어느 부분에 얼마나 공간을 둘 것인지 정하고, padding이 적용될 child를 넣어주면 된다. padding을 주는 방법은 다양하다. 이는 EdgeInsets의 종류에 따라 방법이 나뉜다. 1. EdgeInsets.fromLTRB() LTRB는 순서대로 Left,..

Expanded class 사용 가능한 공간을 채우도록 Row, Column, 또는 Flex의 child를 확장시킨다. Expanded 위젯을 사용하면 Row, Column 또는 Flex의 child가 main axis(축)을 따라 사용 가능한 공간을 채우도록 확장된다. Row이면 가로 Column이면 세로 Expanded 위젯은 Row, Column 또는 Flex의 자손이어야 한다. StatelessWidget 또는 StatefulWidget이어야 한다. example) example_Column) 위 예시는 중간 child를 세로축에 맞춰 확장시킨 결과이다. example_Row) 위 예시는 flex를 지정하여 중간 child를 제외한 child를 가로축에 맞춰 확장시킨 결과이다.

Transform class transform class는 지금까지 본 위젯들 중 가장 재밌고 신기하게 다가왔다. 우리가 흔히 파워포인트나, 영상, 앱 사용 중 봤을 법한 기능들이 transform 위젯을 사용한 것이다. 아래 첨부한 영상을 보면 나도 모르게 '우와' 하게 될 것이다. transform에는 정말 많은 기능들이 있는데, 그 중 3개의 기능을 소개하고자 한다. 1. Transform.rotate child를 원하는 각으로 회전하는 것이다. 2. Transform.scale child의 크기를 원하는 크기로 조정하는 것이다. 3. Transform.translate child의 위치를 원하는 위치로 이동하는 것이다. 이 외에도 skew, 3D perspective 등 우리가 실제로 본 경험이 ..

SizedOverflowBox class overflowBox와 비슷한 역할을 한다. overflowBox와 다른 점은 constraint를 따로 설정하지 않고 이전에 설정된 parent의 constraint를 전달한다. SizedOverflowBox를 사용하면 parent로부터 전달된 constraint를 벗어난 box를 그릴 수 있다는 것이다. example) out put)

OverflowBox class 이 위젯은 parent로부터 child에게 각각 다른 constraints를 부과하여 child가 parent를 overflow(넘치게. 즉 더 크게) 할 수 있게 한다. overflowBox를 사용하지 않으면 parent에서 제시된 constraint를 벗어날 수 없다. 하지만 overflowBox를 사용하면 parent를 벗어난 constraint를 설정할 수 있고, 이렇게 설정한 constraint 안에서 parent를 벗어난 box를 만들 수 있다. example) out put)

Offstage class offstage class는 말 그대로 stage에서 off(벗어난다)한다는 것으로 이해했다. offstage class는 navigator와 비슷하게 페이지가 바뀌는 것처럼 보인다. 하지만, 새로운 페이지를 만들지 않아도 된다는 특징이자 장점이 있다. 또 다른 특징은 우리 눈에는 보이지 않지만 offstage 상태에서도 계속 실행되고 있기 때문에 우리 눈에 보이느냐 안보이느냐의 여부에 관계 없이 배터리가 소요된다. 이제 offstage에 대해 더 자세하게 이해하기 위해 예시 코드를 가져왔다. 전체 코드는 아래 링크로 두었으니 전체 코드가 궁금하다면 들어가길 바란다. offstage를 실행하기 전에 먼저 true로 값을 설정해준다. bool _offstage = true; of..

LimitedBox class 이 위젯은 child에 대한 제한이 없는 경우에 박스를 제한할 때 사용한다. 대부분 상위 요소에서 정의된 제한에 따라 크기가 정해진다. 하지만 ListView, Column, Row와 같은 경우, 하위요소 크기에 제한을 두지 않는다. 이처럼 상위 요소의 제한이 존재하지 않을 때, 상위 요소 제한에 의존하는 위젯에는 어떻게 기본값을 줄 수 있을까? 이런 경우에 LimitedBox를 사용하면 된다! LimitedBox를 사용하면 maxHeight와 maxWidth가 제공된다. 이는 child에게 무한한 상황에서 자연스러운 크기를 제공하는 효과가 있다. 경우를 나눠 정리해보면, 만약 위젯의 최대 너비가 제한되지 않았다면 이 위젯의 child의 너비는 maxWidth에 따라 제한된..

IntrinsicWidth class 바로 이전에 IntrinsicHeight class에 대해 다루었다. height가 있으니 width도 존재한다. IntrinsicHeight class와 거의 비슷한 내용이다. 위 설명에서 height를 width로 바꿔서 이해하면 된다. 이 위젯은 너비가 제한되지 않고 무한 확장을 시도하는 child를 필요로 할 때 유용하다. 이 위젯이 child에게 전달하는 constraints는 부모의 constraints를 지키기 때문에 만약 constraints가 child의 최대 고유 높이를 포함할 만큼 충분히 크지 않으면 비교적 낮은 높이를 가지게 된다. 반대로, 최소 높이 constraints가 child의 최대 고유 높이보다 크면 비교적 더 많은 높이가 지정된다. ..

IntrinsicHeight class 이름을 보자마자 Intrinsic이 무슨 의미지? 하는 질문이 생겼다. 찾아보니 Intrinsic는 고유한, 본질적인 이라는 뜻이다. 뜻 그대로 IntrinsicHeight는 child의 고유 높이에 맞춰 child의 크기를 조정하는 위젯이다. 이 위젯은 높이가 제한되지 않고 무한 확장을 시도하는 child를 필요로 할 때 유용하다. 이 위젯이 child에게 전달하는 constraints는 부모의 constraints를 지키기 때문에 만약 constraints가 child의 최대 고유 높이를 포함할 만큼 충분히 크지 않으면 비교적 낮은 높이를 가지게 된다. 반대로, 최소 높이 constraints가 child의 최대 고유 높이보다 크면 비교적 더 많은 높이가 지정된..