blog.weirdx.io
Flexbox 활용사례 모음: Solved by Flexbox - 이상한모임
Flexbox는 웹페이지에서 다양한 레이아웃을 만들기 위해서 쓸 수 있는 최신 CSS 기능이다. 사실 지금까지 CSS를 이용해서 레이아웃을 만드는 것이 그리 간단한 일은 아니었다. 수직 중앙 정렬은 잘 알려진 문제 중 하나다. 물론 지금까지 해결방법이 없었던 것은 아니지만 대개는 CSS Hack을 사용해야 하므로 코드가 직관적이지 않았으며, 쓸데없는 속성을 사용해야만 했다. 게다가 어떤 때에는 JavaScript를 사용해야 이런 문제를 해결할 수 있었다. 이런 수 많은 레이아웃 문제를 해결하기 위해 나온 스펙이 Flexbox다. Flexbox는 직관적인 코드를 제공하면서도 원하는 기능을 쉽게 구현할 수 있도록 만들어준다.