FlexDirection
FlexDirection : 'row' // 가로 정렬
FlexDirection : 'column' //세로 정렬
AlignItems
FlexDirection이 row일 때 세로방향 정렬, FlexDiretion이 column일 때 가로방향 정렬
AlignItems : flex-start //시작점에 정렬
AlignItems : center //가운데 정렬
AlignItems : flex-end //끝점에 정렬
AlignItems : stretch //길게 늘이기
JustifyContent
FlexDirection이 row일 때 가로방향 정렬, FlexDirection이 column일 떄 세로방향 정렬
JustifyContent : flex-start //시작점에 정렬
JustifyContent : center //가운데 정렬
JustifyContent : flex-end //끝점이 정렬
JustifyContent : space-between //양 끝을 기점으로 요소들 사이 공간을 벌림
