가치투자자

Flex (플렉스) 프론트엔드가 되기 위해선 레이아웃 배치를 잘 구현할 수 있어야 한다. 어떻게 요소들을 배치, 정렬하느냐에 따라 사용자가 보는 UI의 직관적인 느낌과 기능의 효율성이 달라지기 때문에 레이아웃 방식에 대해 제대로 공부해둘 필요가 있다. 1. Flex란? 이전에는 float나 inline-block 등을 이용해 레이아웃을 만들었지만, UI를 구성할 요소들의 사이즈가 불명확하거나 화면이 동적으로 변할 때도 유연하게 대응할 수 있는 기능을 제공하는 레이아웃 방식이 Flex다 Flex는 Flexible Box 또는 Flexbox 라고 불리기도 한다. 1-1. 부모 요소 flex container와 자식 요소 flex item 1 2 3 Flexbox 레이아웃은 flex item 이라 불리는 자식..