한 10년간 float 만 사용했는데 요 근래는 flex, grid 를 사용한다고 하더라고요
학원에서 flex 배우고 있는데 이걸 사용하는 이유가 float 보다 활용하기 쉽다고 하시는데
float 에 비해서 외워야할 타입?이라고 해야하나 이게 많은데
이게 float 보다 쉬운 이유가 뭔가용
-
Lv12 flex 코딩할대 F12 눌러서 이것저것 눌러보면서 활용하면 더 쉽더라구요 ㅎㅎ -
Lv16 float가 뭔지
전 이런 것도 모르는 왕초보네요. -
Lv3 탄생 배경 자체가 다릅니다.
float 는 문장속에 오브젝트의 좌,우배치를 위한 장치로 사용하기 위해 만들어진 속성입니다.
그리고 flex(grid 포함)은 레이아웃을 제어하기 위해 만들어진 속성이구요.
flex 이전에는 꼼수로 레이아웃 제어하기 위해 float를 사용해 왔지만 이제는 그럴 필요가 없습니다.
flex 위주로 사용하시고 float는 원래 기능인 문단내 이미지를 좌우 배치하는 용도로 사용하시면 됩니다.--추가 : 이게 float 보다 쉬운 이유가 뭔가용
flex가 더 쉽다 어렵다의 문제는 아닙니다. 예초에 탄생 목적자체가 달라서요.
구지 이유를 찾는다면 flex가 더 구조적이고 직관적입니다.
float는 적당히 맞출수 밖에 없는 한계가 있지만
flex는 본인이 원하는 레이아웃을 정확하게 만들수 있습니다.
-
Lv3 
Lv37 1990년대: 모두들 테이블로 레이아웃 잡음
2000년대: 테이블은 그러라고 있는 게 아니다! div에 float 써라!
2010년대: 모두들 float로 레이아웃 잡음
2020년대: float는 그러라고 있는 게 아니다! flex 써라!
우리 웹개발자들은 왜 항상 "그러라고 있는 게 아닌 물건"을 사용해서
레이아웃을 잡고 있는 것일까요? ㅋㅋㅋ
쉬운 것은 주관적이죠. 10년 동안 익숙하게 써온 것이 당연히 쉽지 않겠어요?
개인적인 인상으로는 flex가 훨씬 안정적인 것 같아요.
예를 들어 clear에 신경쓰지 않아도 엉뚱한 것이 옆에 와서 붙는 일이 없지요.
다른 요소들 크기가 바뀌어도 알아서 움직여요.
외워야 할 것은 많지만, 신경쓸 것이 적다고나 할까요? ㅎㅎ