Axis Properties

> Axis Properties

• axis는 중심선이라는 뜻
• mainaxis : 주축, corssaxis : 횡축
• MainAxisAlignment : 주축 정렬, CrossAxisAlignment : 횡축 정렬

> 정렬하는 종류

>> center : 가운데 정렬

MainAxisAlignment.center, CrossAxisAlignment : 위젯 상관없이 가운데 정렬

>> start : 왼쪽(row-main)/위쪽(colummn-main) 정렬

MainAxisAlignmnet.start : row위젯은 왼쪽, column위젯은 위쪽 정렬

CrossAxisAlignmnet.start : row위젯은 위쪽, column위젯은 왼쪽 정렬

>> end : 오른쪽 정렬(row-main)/아래쪽(column-main) 정렬

MainAxisAlignmnet.start : row위젯은 오른쪽, column위젯은 아래쪽 정렬

CrossAxisAlignmnet.start : row위젯은 아래쪽, column위젯은 오른쪽 정렬

>> spaceEvently : child widget 사이의 여유 공간을 모두 균등하게 배분

>> spaceBetween : child widget을 시작과 끝에 배치하고, 시작과 끝 사이의 나머지 child widget 배치

>> spaceAround : 첫번째와 마지막 child 앞 뒤에 여유 공간을 나머지 child와 공간의 절반만큼 배치

>> 정리