CSS (Cascading Style Sheets)

웹 페이지 스타일 및 레이아웃을 정의하는 스타일시트 언어
더 나은 사용자 경험(UX)을 제공하기 위해 UI 및 레이아웃을 적절히 구성합니다.
배우기 가장 쉬운 동시에, 가장 어려운 언어 중 하나

Flexbox

박스를 유연하게 늘리거나 줄여 레이아웃을 잡는 방법

display:

부모 박스 요소에 적용해 자식 박스의 방향과 크기를 결정하는 레이아웃 구성법

부모 요소에 적용해야하는 Flexbox 속성

 : 정렬 축 정하기, 가본값은 가로 정렬, (row, column, ...)
 : 자식 요소들을 축의 수평 방향으로 어떻게 정렬할 것인지 정합니다.
 : 자식 요소들을 축의 수직 방향으로 어떻게 정렬할 것인지 정합니다.