Flex
등장 배경을 알아보자
Table
표는 격자모양으로 레이아웃처럼 생겨 table 태그로 레이아웃을 잡던 시절이 있었다.
table은 본래 정보를 정리하는 의미를 가지고 있는데 레이아웃으로 사용하다보니 스크린리더, 검색엔진에서
정보를 정리한 의미인지, 레이아웃인지 판별하기 어려웠고 레이아웃의 변경이 필요해
수정하다보면 매우 번거로운 상황이 많았다고 한다.
Float
플로팅은 이미지 옆에 글자를 흘려보내는 효과를 위해 사용했었다.
이런 점을 활용해 레이아웃을 잡았다고 한다. 이 또한 이해하기 어렵고 사용성이 좋지 않았다고 한다.
Flex
웹 문서에서 웹 어플리케이션으로 발전하는 과정에서 레이아웃에서의 요구사항이 꾸준히 있었고
2013년 정식 스펙으로 flex가 등장했다.
flex의 의미는 문서를 위한 CSS와 어플리케이션 레이아웃을 위한 방식이 분리되며
flex를 통해 웹 어플리케이션의 레이아웃의 기초가 만들어 졌다.
현재 2022년에 와서는 웹의 모든 레이아웃의 표준이라고 볼 수 있다.
devLog