[study] 헷갈리는 flex

## flex

flexDirection - 화면의 방향(좌-우:row/위-아래:column)
 
justifyContent/alignItems- 내부 컨텐츠의 방향, 서로 적용되는 부분이 반대다
 
## flexDirection 에따라 justifyContent/alignItems의 위치가 바뀔 수 있다
(예)
flexDirection: "column",
 justifyContent: "flex-end",  //컨텐츠는 아래 위치 (사진 속 red)

flexDirection: "row",
justifyContent: "flex-end",  //컨텐츠는 오른쪽에 위치 (사진 속 orange)
-------------------------------------
flexDirection: "column",
 alignItems: "flex-end",  //컨텐츠는 오른쪽에 위치

flexDirection: "row",
alignItems: "flex-end",  //컨텐츠는 아래 위치