(밴딩머신 실습 중 질의응답)
Q. 선생님 아까 flex로 하는게 낫다고 하셨는데 배치를 grid로 해도 괜찮을까요?
A. float, flex, grid 중 어느것을 선택하시던지 이유가 있는 선택이셨으면 좋겠어요.
예를 들어 벤딩머신 6개를 flex로 배치한다면 wrap을 써서 반응형일 때 떨어트리게 하려는 목적이 있다거나, 더 늘어날 경우를 대비한 것이거나 grid를 사용하셨다면 6개의 아이템이 fix이고 UI가 깨지지 않도록 하려는 의도를 가지고 있다거나 하는 것이요.
면접에서는 물어봅니다. 왜 여기서 grid를 사용하셨나요? 특히 코딩테스트가 없는 바로 구현테스트를 진행하는 회사에서는 당연히 물어보겠죠?
Q. 강사님 좋은 답변 감사합니다! 저는 지금까지 grid는 큰 레이아웃을 잡을 때, flex 는 그 안의 아이템들을 배치할 때 쓴다고 생각하고 있었는데요 강사님 답변읽고 다시 생각해보게 되었습니다. 목적에 맞게 사용한다면 플렉스 안에 그리드, 혹은 그리드 안에 플렉스 이런 순서는 상관이 없을까요??
A. 넵! 순서는 상관 없어요. 그리고 flex일 때 아래와 같은 경우도 생각해볼 수 있습니다.
만약 아이템이 더 늘어날 여지가 있다면 grid로 사용하는 편이 좀 더 깔끔합니다!