CSS - Flexbox : 레이아웃을 마음대로!

CSS에서 레이아웃을 구현하는 것이 꽤 까다롭습니다.
flexbox를 이용하면 적은 코드로 많은 일을 할 수 있습니다.

목차 :
00:34 사례
04:15 원리
05:08 flex-direction
07:31 justify-content
08:25 주축, 교차축
13:38 flex-basis
14:42 flex-grow
16:55 flex-shrink
19:16 flex-wrap


이 수업으로 알게 될 것들.
display:flex은 flex 기능을 활성화 한다.
flex-direction:row는 수평, column은 수직으로 자식을 배치한다.
justify-content : 주축 방향으로 배치를 결정한다.
align-items : 교차축 방향으로 배치를 결정한다.
flex-basis : 자식의 기본 크기를 지정한다.
flex-grow : 여백을 분배하는 정책을 지정한다.
flex-shrink : 여백을 각출하는 정책을 지정한다.
flex-wrap : 여백이 없을 때 줄바꿈 정책을 지정한다.

수업이 끝나면 레이아웃에 대한 자신감이 생겨날 것입니다.