FlexBox(1)

FlexBox는 정렬하는데 매우 편리하다고 함… 이거부터 배우면 float나 postion을 배우지 않게 된다…

Flexbox는 정말 생각하는대로 동작하기 때문에 어떻게 사용하냐만 배워도 충분하다고 함.

사용은 다음의 과정을 거친다.

1. 플렉스 박스 사용 선언
2. 가로 정렬 혹은 세로정렬인지 선택
3. 한줄에 다 정렬할 것인지 선택
4. FlexBox사용

이번시간에는 사용말고, 사용전에 준비과정 3가지를 배워보겠다.

flexbox는 display프로퍼티의 값중 하나이다… block과 유사하지만 block사용때 불편했던, 마진을 다 먹어버리는 속성이 없다.

inline-flex라는 것도 있다.

우리가 사용할것은 flex임

flex는 정렬하고자 하는 대상들의 부모 요소에게 설정해주는 것!

그리고 두번째로… flex를 선언했다면, 그 다음에 해줘야하는게 어느 방향으로 정렬할 것인지를 알려줘야 한다. flex-direction이라는 속성으로 선언한다.