styles option
flexDirection
: VIew 에서 자식요소의 나열 방향을 작성,
기본은 "column 으로 세로 방향 으로 자식요소들을 나열 하며, "row"는 가로 방향이다.
developer.mozilla.org/ko/docs/Web/CSS/flex-direction
alignItems
: flexDirection row 를 기준으로 자식요소들을 나열시, flex-start(좌측끝), center, flex-end(우측끝), stretch(늘이기)
developer.mozilla.org/en-US/docs/Web/CSS/align-items
justifyContent
: flexDirection row 를 기준으로 자식요소들을 나열시, flex-start, center, flex-end
, space-between(좌우요소기준균등정렬), space-around(좌우공백기준균등정렬)
developer.mozilla.org/en-US/docs/Web/CSS/justify-content
출처: https://yoursyun.tistory.com/entry/React-Layout-flex-direction-align [yoursyun]