인프런 커뮤니티 질문&답변

들샘님님의 프로필 이미지

작성한 질문수

비전공자를 위한 진짜 입문 올인원 개발 부트캠프

flex layout 공부하기 - 1

flex, grid

21.01.22 21:25 작성

·

251

2

저는 이 수업을 배우기 전에 css grid라는것을 배웠었는데요.

css grid와 flexbox중 어떤것을 더 많이 사용하나요? 그리고, 둘의 큰 차이점이 있을까요?

답변 2

2

들샘님님의 프로필 이미지
들샘님
질문자

2021. 01. 23. 01:13

빠른 답변 감사합니다! 답변이 많은 도움이 되네요 :)

2

그랩님의 프로필 이미지
그랩
지식공유자

2021. 01. 23. 00:02

좋은 질문 감사합니다!

Flex Layout은 1차원을 기준으로 만들어졌고, Grid Layout은 2차원을 기준으로 적용됩니다.
사실 둘 중에 하나만 쓴다기 보다는 서로 보완적인 존재라서 같이 사용할 수 있을 때 더 효과적으로 스타일링을 할 수 있습니다.

보통 레이아웃을 조절할 때 가로, 세로 중 하나만을 고려한다면 Flex를 쓰면 더 빠르게 적용이 가능하며
가로, 세로 둘다, 즉 2차원으로 컨트롤이 필요하다면 Grid가 더 효율적입니다 :)