공부기록, 2021-07-29(react)

- react문법
- 1. Flew
- A와 B가 Flex:1, Flex:2 라고 지정한다면 1:2로 영역을 나눠갖는다고 보면된다.

- 2. flexDirection
- 자리잡은 영역의 방향을 지정해준다. (row : 가로 , Column : 세로)

기본값은 Column 이다.

 

- 3. justifyContent
- 이 속성은 flexDirection 과 동일한 방향으로 정렬해주는 역할을 한다.

(속성값 : flex-start, center, flex-end, space-between, space-around → flexDirection 의 row, Column 값에따라

가로,세로 방향으로 정렬이 된다.)

 

- 4. alignItems
- 이 속성은 flexDirection 과 반대방향으로 정렬해주는 역할을 한다.

(속성 값: flex-start, center, flex-end, stretch )