FLEX
- 콘텐츠에 초점이 맞춰져 있음
- 1차원으로 수평, 수직 영역 중 하나의 방향으로만 레이아웃을 나눌수 있음
-> 자유로운 레이아웃을 만들고 싶으면 Flex 속성을 사용
GRID
- 레이아웃에 초점이 맞춰져 있음
- 2차원으로 수평, 수직의 영역을 동시에 나눌 수 있음
-> 이미 결정된 레이아웃을 만들고 싶으면 Grid 속성을 사용
Layout이란?
- 웹 페이지나 앱에서 요소들의 위치와 크기, 간격 등을 결정하는 것
-> 즉, 요소들을 어떻게 배치할지 결정하는 디자인의 한 요소