Css-Flex

Css-Flex Css배치에 있어서 꽃인 Flex를 다뤄보자. 먼저. Flex를 왜 배우는지 부터 알아보자. 1) 간단하고 동적인 부분에서도 효율적이다 2) 수평적인 부분에서 정렬을 하고싶다 1. Flex의 기본 Flex의 기본구조는 아래와 같다. class명인 container와 item은 관례적으로 사용하며, 뜻 그대로 상자안에 물건들이 있다고 생각하면 편하다. 우리는 물건을 세로로 배치할 지, 가로로 배치할 지, 띄워서 배치할 지 등 여러가지 방법들로 배치를 할 것이다. 이 때 항상 margin이나 padding을 줌으로써 간격을 주는 것은 상당히 비효율적이라고 볼 수 있다. 그래서 우리는 "flex"를 사용한다. 이의 속성은 부모요소인 "container"에 적용할 것인가? 자식요소인 "item"..

2021.08.25