flex-grow, shrink, basis 속성에 대해 궁금한게 있습니다!

Question

강사님 안녕하세요 유용하고 재미있는 수업 잘 듣고 있습니다! :) flex 관련 책을 별도로 보다가 챕터는 flex-grow, shrink, basis에 관한 내용을 다루는 챕터였고요. W3C 플렉서블 박스 기술 명세에 따르면 '박스의 크기 증감 속성을 개별적으로 사용하는 것'을 추천하지 않고 있습니다. 라고 되어 있어서 궁금해서 사이트를 가보았는데 별다른 내용(?)을 찾지 못했는데요. https://www.w3schools.com/css/css3_flexbox.asp 여기를 보았고 제가 엉뚱한 곳을 보고 있는것인지요. 이유가 정말! 궁금합니다 . 혹시 알려주실 수 있을까요? ㅠㅠ 시간 내주셔서 감사합니다!

1분코딩 · Answer

영역의 기본 점유 사이즈를 정하는 flex-basis의 경우, 따로 세팅하는 것 보다는 기본값을 사용하시고 width를 조정해주는 편이 안전한데요, 보고 계신 책에서 그 측면에서 그런 표현을 쓰신게 아닐까 추측해봅니다^^
저도 특별한 경우가 아니라면 컨테이너에 flex를 지정하고 자식 아이템들에는 width를 조정하는 편입니다.
강의에서도 설명하고 있는 내용인데, flex-basis: 0;의 경우는 해당 영역이 찌그러지지 않도록 방지하는 역할을 해주기 때문에 필요한 경우 적극적으로 사용하고 있습니다.